Стояла задача вставить на сайт видео с помощью тега <video> фоном. Сам файл видео находится на хостинге. Также необходимо было, чтобы пользователь сам мог запустить и остановить видео. По умолчанию видео стоит на месте и показывает черны экран. Чтобы черного экрана не было необходимо указать аттрибут poster.
1 |
<video id="videoPlayer" loop poster="assets/img/poster.jpg"> |
Далее добавил иконки, которым задал id указанные в скрипте
1 2 3 4 5 6 |
var play; play=document.getElementById("play"); play.onclick = function() { $("#videoPlayer")[0].play(); } var pause; pause=document.getElementById("pause"); pause.onclick = function() { $("#videoPlayer")[0].pause(); } |