Я создаю веб-сайт с HTML5- <video> на полноэкранном фоне. Есть страницы в форме <div>, которые становятся видимыми с проигрывателем SWF-контейнеров в них, которые вызывают серьезные проблемы с производительностью ЦП при воспроизведении обоих носителей.
Поэтому я хочу добавить простую команду javascript, которая приостанавливает фоновое видео, когда становится видимым проект <div>. Было бы неплохо, если он возобновит воспроизведение, когда он будет закрыт/скрыт.
Спасибо заранее.
document.getElementById('myvideotag').pause();
Обратите внимание, что нет метода stop(). В функции, которая показывает/скрывает ваш DIV, поместите функцию воспроизведения/паузы.
Дополнительные ресурсы здесь: http://www.digitaria.com/blogs/html5-video-skinning-tutorial-part-2-play-buttons
Мой личный фаворит - это небольшой обработчик onclick, добавленный в атрибут html, например:
<video onclick="this.paused? this.play() : this.pause()">
поскольку нет традиционных событий в div hide/show, вам нужно играть() и приостанавливать() ваш элемент видео, когда вы вызываете функции, которые заставляют ваш div отображаться/исчезать