Как приостановить видео HTML5 на мероприятии? - PullRequest
12 голосов
/ 11 ноября 2010

Я строю веб-сайт с HTML5- <video> в полноэкранном режиме. Страницы в форме <div> становятся видимыми с проигрывателем SWF-контейнеров, которые вызывают серьезные проблемы с производительностью процессора при воспроизведении обоих носителей. Поэтому я хочу добавить простую команду javascript, которая приостанавливает фоновое видео, когда проект - <div> становится видимым. Было бы неплохо, если бы оно возобновило воспроизведение, когда оно будет закрыто / скрыто.

Заранее спасибо.

Ответы [ 3 ]

31 голосов
/ 11 ноября 2010
document.getElementById('myvideotag').pause();

Обратите внимание, что метод stop () отсутствует. В функции, которая показывает / скрывает ваш DIV, поместите туда функцию воспроизведения / паузы.

Больше ресурсов здесь: http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons

3 голосов
/ 16 марта 2016

Мой личный фаворит - небольшой обработчик onclick, добавленный в атрибут html, например:

<video onclick="this.paused? this.play() : this.pause()">
0 голосов
/ 11 ноября 2010

так как нет традиционных событий в div скрыть / показать, вы должны воспроизводить () и приостанавливать () ваш видеоэлемент при вызове функций, которые заставляют ваш div появляться / исчезать

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...