Pause\Stop background video

217
19 декабря 2017, 19:53

Есть кнопка, по клику на которую - я останавливаю фоновое видео, помогите дописать, чтобы на повторный клик, видео заново воспроизводилось.

 $('.pause-video').click(function(){
   $('#VidageVideo').get(0).pause();
 });
Answer 1

Первое - это обработчик события click, переделайте, чтобы он срабатывал, когда вы кликаете по video, у вас обработчик сейчас на классе .pause-video, ну если он сработает и после повтороного нажатия, то ладно.

Ну и далее, у видео есть как метод pause(), так и метод play(). Для проверки, стоит ли пауза на видео, можно использовать свойство paused у видео.

$('.pause-video').click(function() {
  var video = $('#VidageVideo').get(0);
  if (video.paused) {
    video.play();
  } else {
    video.pause();
  }
});

В принципе это все, для вашего примера должно быть достаточно, а именно:

  • Метод play() - начинает воспроизведение аудио/видео.
  • Метод pause() - приостанавливает воспроизведение аудио/видео в данный момент.
  • Свойство paused - возвращает, приостановлено ли аудио/видео или нет.

Ну и ссылка на небольшой пример (увы, тут нельзя загрузить видео в сниппет): пример.

READ ALSO
Почему classList.add не работает после clearInterval()

Почему classList.add не работает после clearInterval()

До того, как сработает clearInterval(), всё работает, но после прохождения цикла и очищения интервала, невозможно по новой добавить класс, чтобы замкнуть...

237
Прокрутка div главным скроллом браузера

Прокрутка div главным скроллом браузера

Мне нужно сделать как здесь

170
Можно ли сделать отправку html формы (submit) при просмотре с телефона без кнопки?

Можно ли сделать отправку html формы (submit) при просмотре с телефона без кнопки?

Для отправки (submit) html формы с компьютера, можно спрятать кнопку и отправлять форму по EnterМожно ли так же сабмитить форму с телефона или без...

155
Что это за формат даты? 2017-12-17T19:44:46+03:00

Что это за формат даты? 2017-12-17T19:44:46+03:00

Вижу в АПИ которое я использую, принимает дату такого вида:

257