我有一个网页,我为它制作了一个视频。对于 HTML5 格式(webm、ogg、mp4),只有 Chrome 才能正常工作。视频播放完毕后,我可以使用 JavaScript 隐藏视频。我以为我可以用 youtube 播放器制作(自动播放、隐藏控件等),但完成后我无法隐藏它。我找到了“onStateChange
函数,但我无法使用它。有什么想法吗?
<iframe width="840" height="630" src="URLrel=0&showinfo=0;&autoplay=1;controls=0" frameborder="0" allowfullscreen></iframe>
最佳答案
您需要使用 YouTube Iframe Player API
在 onPlayerStateChange
时检查 (1) 视频是否已结束 (YT.PlayerState.ENDED
) code> 被调用,并且 (2) 删除/隐藏包含视频的 DOM 元素,即 iframe。
function onPlayerStateChange(event) {
// check if video ended and remove player
if (event.data == YT.PlayerState.ENDED) {
console.log($('#player').remove());
done = true;
}
}
这里有一个完全有效的解决方案:http://jsfiddle.net/jibietr/ua57A/1/
关于javascript - 播放后隐藏 YouTube 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23288772/