web-dev-qa-db-ja.com

YouTubeビデオの再生が終了したことを検出する方法は？

私はたくさんの埋め込みYouTubeビデオがあるサイトで作業しています。クライアントは、ビデオの再生が停止するたびにポップアップを表示したいと思っています。

私はyoutube apiを見ましたが、ビデオが終了するタイミングを検出する方法があるようです：

http://code.google.com/apis/youtube/js_api_reference.html

ビデオはすべてサイトに既にあるため（埋め込みコードを貼り付けることで手動で追加された数千）、そのページで言及したようにビデオを埋め込むことはできません。

既存のビデオを変更せずにこれらのビデオの終わりを検出する方法はありますか（javascriptを使用）？

javascriptflashapiactionscriptyoutube
82
TK123

これは、youtubeプレーヤーAPIを使用して実行できます。

http://jsfiddle.net/7Gznb/

作業例：

    <div id="player"></div>

    <script src="http://www.youtube.com/player_api"></script>

    <script>

        // create youtube player
        var player;
        function onYouTubePlayerAPIReady() {
            player = new YT.Player('player', {
              width: '640',
              height: '390',
              videoId: '0Bmhjf0rKe8',
              events: {
                onReady: onPlayerReady,
                onStateChange: onPlayerStateChange
              }
            });
        }

        // autoplay video
        function onPlayerReady(event) {
            event.target.playVideo();
        }

        // when video ends
        function onPlayerStateChange(event) {        
            if(event.data === 0) {          
                alert('done');
            }
        }

    </script>
158
TK123