HTML5视频播放/暂停问题

Question

我在网页上有html5视频。但我想这是对视频本身暂停/播放，但事先没有点击视频控件如音量等

感谢您的宝贵帮助

Answer 1

HTML5 <video>标签不允许在默认情况下此选项。不过，您可以使用JavaScript来控制视频（使其对各种事件作出反应）。

这里有一些链接，这些问题涉及：

• Controlling HTML5 video with javascript
• SO question - controling video with JQuery
• Interact with HTML5 video

尝试任何方法在这些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> 

希望这能解决你的问题。