我正在全屏背景下使用HTML5构建一个网站 - <video>
。有<div>
s形状的页面在SWF容器播放器中可见,当两个媒体播放时都会导致严重的CPU性能问题。
所以我想添加一个简单的javascript命令,当项目<div>
变得可见时暂停背景视频。如果它在关闭/隐藏时再次恢复播放会很好。
提前致谢。
答案 0 :(得分:30)
document.getElementById('myvideotag').pause();
请注意,没有stop()方法。在显示/隐藏DIV的功能中,将播放/暂停功能放在那里。
此处有更多资源:http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons
答案 1 :(得分:3)
我个人最喜欢的是添加到html属性的小型onclick处理程序,如下所示:
<video onclick="this.paused? this.play() : this.pause()">
答案 2 :(得分:0)
因为在div hide / show上没有传统事件,当你调用使你的div出现/消失的函数时你必须播放()和暂停()你的视频元素