我在博客文章(WordPress)中添加了各种YouTube视频,就像这样添加它们:<iframe width="700" height="525" src="http://www.youtube.com/embed/KA-OzK1RCdY?feature=oembed" frameborder="0" allowfullscreen></iframe>
。
视频停止播放后,有什么办法可以在YouTube视频区域上显示覆盖窗口??我想在此叠加中添加一个表单以用于订阅。
提前感谢。
最佳答案
您可以使用Youtube player API做到这一点:
Here's a fiddle to see that it works
这是我从another post取得的示例:
<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', {
height: '390',
width: '640',
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>
关于jquery - YouTube视频在WordPress中播放完后的重叠窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22946627/