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> 

希望這能解決你的問題。