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

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

Спасибо заранее.

Ответ 1

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

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

Дополнительные ресурсы здесь: http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons

Ответ 2

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

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

Ответ 3

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