Кнопки СТАРТ и СТОП для video

Стояла задача вставить на сайт видео с помощью тега <video> фоном.  Сам файл видео находится на хостинге. Также необходимо было, чтобы пользователь сам мог запустить и остановить видео. По умолчанию видео стоит на месте и показывает черны экран. Чтобы черного экрана не было необходимо указать аттрибут poster.

 <video id="videoPlayer" loop poster="assets/img/poster.jpg">

Далее добавил иконки, которым задал id указанные в скрипте

var play;
play=document.getElementById("play");
play.onclick = function() { $("#videoPlayer")[0].play(); }
var pause;
pause=document.getElementById("pause");
pause.onclick = function() { $("#videoPlayer")[0].pause(); }

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *