2

最初はビデオが含まれてiframeいないものがあります。ユーザーがボタンを押すと、Youtubeビデオがロードされます。Youtubeビデオの読み込みが完了しon()たことを検出するために、YoutubeiframeのDOM構造が変更されたことを検出するために使用しています。現在Video Loaded、ビデオがロードされたときにコンソールにメッセージが表示されません。私の論理は間違っていますか?

<div id="button">BUTTON</div>

<div id="container">
    <iframe id="ytplayer" class="hide" type="text/html" width="840" height="470" 
    src="https://www.youtube.com/embed/" frameborder="0" allowfullscreen></iframe>
</div>

$(document).ready(function() {
    $('#button').click( function() {
        $('#ytplayer').attr('src', 'https://www.youtube.com/embed/w7bccxRvxDc?rel=0&showinfo=0');
    });  
    $('#container').on('DOMNodeInserted', '#ytplayer', function() {
        console.log('Video Loaded');
    });    
});
4

1 に答える 1

3

YouTube iframe APIをご覧になることをお勧めします。ビデオのロード時など、多くのイベントをサポートしています。API は公式にサポートされているため、Google が今後何かを変更した場合でもカスタム ビルド コードをサポートする必要はありません。

于 2013-03-07T01:44:00.780 に答える