Проблемы с воспроизведением видео/паузы 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 функцию, чтобы остановить видео (путем доступа к нему со своим идентификатором) ...

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> 

Надеется, что это решит вашу проблему.