我正在一个有大量嵌入式 YouTube 视频的网站上工作，客户端希望在视频停止播放时显示一个弹出窗口。
我查看了 youtube api，似乎有一种方法可以检测视频何时结束：
http://code.google.com/apis/youtube/js_api_reference.html
但我无法像他们在该页面上提到的那样嵌入视频，因为这些视频都已经在网站上（通过粘贴嵌入代码手动添加了数千个）。
有没有办法在不更改任何现有视频的情况下检测这些视频的结尾（使用 javascript）？
如何检测youtube视频何时播放完毕？
IT技术
javascript
flash
api
actionscript
youtube
2021-01-21 04:49:09
2个回答
这可以通过 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>
您可能想要做的是在所有页面上包含一个执行以下操作的脚本... 1. 找到 youtube-iframe：按标题的宽度和高度搜索它，或者在其源中找到 www.youtube.com。您可以通过...来做到这一点 - 通过 for-in 循环遍历 window.frames，然后通过属性过滤掉
在当前页面的 iframe 中注入 jscript 添加 onYoutubePlayerReady must-include-function http://shazwazza.com/post/Injecting-JavaScript-into-other-frames.aspx
添加事件侦听器等。
希望这可以帮助