Как приостановить видео HTML5 на мероприятии?

Question

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

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

Answer 1

document.getElementById('myvideotag').pause();

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

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

Answer 2

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

<video onclick="this.paused? this.play() : this.pause()">

Answer 3

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