DOMオブジェクトを渡すことで、HTMLのiframeからYT.Playerオブジェクトを作成します。

Question

プログラムで停止する必要があるhtmlに埋込みYouTube動画iframeがありますが、iframeのIDを設定できません。したがって、DOM要素をdocsに指定されているiframe idではなく、YT.Playerコンストラクタに渡してyoutubeオブジェクトを作成しようとしています。私はまた、 '？enablejsapi = 1'をiframeのsrc urlの最後に付け加えました。

私は次のコードを使用して、私のjsファイルの先頭にユーチューブJS APIをロードしている：私は次のコードを持ってその後

var tag = document.createElement('script'); 
tag.src = "http://www.youtube.com/player_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
function onYouTubePlayerAPIReady(){ console.log('yt api ready'); } 

を：

$(function(){ 
    $('a.close').click(function(){ 
     var player = new YT.Player($('iframe').get(0)); 
     player.stopVideo(); 
    }); 
}) 

を私は出力が得られます。

yt api ready 
Uncaught TypeError: Object [object Object] has no method 'stopVideo' 

私はオブジェクトのインスタンス化をどうにかしていないと思っていますが、これを行う方法はわかりません正しくiframe idのコンストラクタを渡さずにYT.Playerオブジェクトを作成するにはどうすればよいですか？助けてくれてありがとう。

Answer 1

ビデオハングアウトコールをプレーヤーオブジェクトのレディイベントに移動する必要がありました。

function onMyPlayerReady(event) { event.target.stopVideo(); } 

とにyt.playerコンストラクタを変更：

new YT.Player($('iframe').get(0), { events: { 'onReady': onMyPlayerReady } });