HTML5视频播放/暂停问题

Question

我在网页上有html5视频。但我希望它是暂停/播放视频本身，但不点击视频控制，如音量等

提前感谢您的宝贵帮助

Answer 1

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

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

• 用javascript控制HTML5视频
• JQuery的SO问题控制视频
• 与HTML5视频交互

尝试这些arcitcles中的任何方法，都应该很容易-并尝试在提问时显示一些代码-这将使我们更容易给您提供更详细的答案：-）

例如，您可以在视频或其容器中添加一些onClickEvent，然后编写js函数来停止视频（通过使用其id访问它）。。。

Answer 2

以下是

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>

希望这能解决你的问题。