2011-11-08 22 views
1

私はフルスクリーンでYouTubeビデオを再生する必要があるこのモバイルサイトで作業しています。ここまでは順調ですね。ただのYouTubeの埋め込みと、ボイル。モバイルSafari、iPhone(埋め込みコールバック)の埋め込みイベント

しかし! (ええと、いつも«が»)»

ビデオが終了すると、イベント(つまり、JS機能)を起動する必要があります。私はSafariがYTが<video>タグにを埋め込む翻訳考え出したので、私はHTML5sビデオイベントを使用してみましたが、うまくいきませんでした:

$('video').bind('ended', function() { 
    alert('Video has ended'); 
}); 

<video>を使用するときにこのコードの罰金作品の作品タグを直接使用できますが、YT埋め込みを使用する場合は使用できません。

したがって、YTビデオの再生が終了したらどうすればこの機能を起動できますか?

ありがとうございます!

+0

のYouTubeのJavaScript APIのセクションでは、それはそれはビデオ」にYT埋め込みのIDを設定していないことは可能ですか?その場合は、DOM内でアイテムを検索する別の方法があるかどうかを確認してください。 – Tim

+0

セレクタ '$( 'video')'はすべての '

+0

その場合、AppleがSafari固有のタグを持っていて、$( 'video')が一致しない可能性があります。しかし、ページのソースを出力するには何らかの方法が必要です。 – Tim

答えて

1

YTインスタンスを作成するときに、イベントをハンドラにマップするハッシュを提供できます。 onStateChangeイベントのハンドラを提供し、video end(0)に対応するeventTypeをテストします。

new YT.Player('player', { 
    events: { 
     'onStateChange' : function (eventType) { if (eventType.data == 0) { ... } } 
    } 
}); 

events