如何在活动中暂停HTML5视频?

时间:2010-11-11 14:24:02

标签: javascript html5-video

我正在全屏背景下使用HTML5构建一个网站 - <video>。有<div> s形状的页面在SWF容器播放器中可见,当两个媒体播放时都会导致严重的CPU性能问题。 所以我想添加一个简单的javascript命令,当项目<div>变得可见时暂停背景视频。如果它在关闭/隐藏时再次恢复播放会很好。

提前致谢。

3 个答案:

答案 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出现/消失的函数时你必须播放()和暂停()你的视频元素