Как правильно реализовать видео на сайте?

Question

[Сергей Горячев]

Привет.
Сейчас делаю небольшой сайтик с фоновым видео.
Реализация такая: www.demorus.ru/sborkamebeli
А как сделать чтобы видео не запускалось при загрузке, а добавить кнопку Play?
Не гуглится ответ, или ищу неправильно.

Answer 1

[Сергей Горячев]

Как это часто бывает, нашел решение сам.

$('#play-pause-button').click(function () { // кнопка запуска
   if ($("#media-video").get(0).paused) { // id видеоролика
       $("#media-video").get(0).play();
   } else {
       $("#media-video").get(0).pause();
  }
});

Answer 2

[Dmitry Pavlov]

У элемента есть функции play/pause, можно также проверить состояние paused, и повесить обработчики на onplay/onpause. Посмотрите примеры тут, думаю, можете использовать так: на onplay повесьте обработчик, который сразу его остановит. Потом по кнопке Play запустите через метод play().