一尘不染

如何检测YouTube视频何时播放完毕?

javascript

我正在一个拥有大量嵌入式youtube视频的网站上工作,客户端希望在视频停止播放时显示弹出窗口。

我看着youtube api,似乎有一种方法可以检测视频何时结束:

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

但是我无法像在该页面上提到的那样嵌入视频,因为这些视频都已经在网站上(数千个通过粘贴嵌入代码手动添加)。

有没有一种方法可以检测这些视频的结尾而无需更改任何现有视频(使用javascript)?


阅读 330

收藏
2020-05-01

共1个答案

一尘不染

这可以通过youtube播放器API完成:

工作示例:

    <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>
2020-05-01