HTML5视频播放/暂停问题

时间:2013-07-29 09:22:39

标签: html5

我在网页上有html5视频。但我想让它暂停/播放视频本身,但不要点击视频控件,如音量等。

提前感谢您的宝贵帮助

2 个答案:

答案 0 :(得分:1)

HTML5 <video>标记默认情况下不允许此选项。但是,您可以使用javascript控制视频(使其对各种事件做出反应)。

以下是处理这些问题的几个链接:

尝试使用这些方法中的任何方法都应该很容易 - 并且在提出问题时尝试显示一些代码 - 这将使我们更容易为您提供更详细的答案: - )

例如,您可以在视频或其容器中添加一些 onClickEvent ,然后编写js函数来停止视频(通过使用其ID访问它)...

答案 1 :(得分:0)

这是你可以做的事情

var myVideo = document.getElementById("video1");

/*
 * for playing and pausing the video
 */
function playPause() {
        if (myVideo.paused)
            myVideo.play();
        else
            myVideo.pause();
}

HTML

<button onclick="playPause()">Play/Pause</button>
<video id="video1" width="420">
    <source src="resources/videos/your_video.webm" type="video/webm">
            Your browser does not support HTML5 video.
    </source>
</video>

希望这能解决你的问题。