Question

我正在开发一个拥有大量嵌入式YouTube视频的网站，客户希望在视频停止播放时显示弹出窗口。

我查看了youtube api，似乎有办法检测视频何时结束：

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

但我无法嵌入他们在该网页上提到的视频，因为视频已经在网站上（已通过粘贴嵌入代码手动添加了数千个）。

有没有办法在不更改任何现有视频的情况下检测这些视频的结尾（使用javascript）？

Answer 1

这可以通过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>

Answer 2

您可能想要做的是在所有执行以下操作的页面上包含脚本... 1.找到youtube-iframe：按标题的宽度和高度搜索它，或者在源代码中查找www.youtube.com。你可以这样做...... - 通过for-in循环遍历window.frames，然后通过属性

过滤掉

在当前页面的iframe中注入jscript，添加onYoutubePlayerReady必须包含的函数 http://shazwazza.com/post/Injecting-JavaScript-into-other-frames.aspx
添加事件监听器等。

希望这有帮助

如何检测youtube视频何时播放？

2 个答案: