我正在一个有大量嵌入式youtube视频的网站上工作,客户端希望在视频停止播放时显示弹出窗口。
我看着youtube api,似乎有一种方法可以检测视频何时结束:
http://code.google.com/apis/youtube/js_api_reference.html
但是我无法像在该页面上提到的那样嵌入视频,因为这些视频都已经在网站上(数千个通过粘贴嵌入代码手动添加)。
有没有一种方法可以检测这些视频的结尾而无需更改任何现有视频(使用javascript)?
我正在一个有大量嵌入式youtube视频的网站上工作,客户端希望在视频停止播放时显示弹出窗口。
我看着youtube api,似乎有一种方法可以检测视频何时结束:
http://code.google.com/apis/youtube/js_api_reference.html
但是我无法像在该页面上提到的那样嵌入视频,因为这些视频都已经在网站上(数千个通过粘贴嵌入代码手动添加)。
有没有一种方法可以检测这些视频的结尾而无需更改任何现有视频(使用javascript)?
Answers:
这可以通过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必须包含的功能 http://shazwazza.com/post/Injecting-JavaScript-into-other-frames.aspx
添加事件监听器等。
希望这可以帮助
enablejsapi=1
。如果它们在数据库中,则更改src
属性应该相当容易。如果将它们静态插入HTML文件,则可能需要一些正则表达式。