Воспроизведение встроенного видео

201

20 июня 2017, 22:58

На странице есть два встроенных видео с ютуба, верхнее стоит на автовоспроизведении, нижнее начинает работу, если по нему кликнуть.

Возможно ли реализовать следующий алгоритм - если человек переходит по определенной ссылке и попадает сразу на нижнее видео (будет реализовано с помощью якоря), чтобы верхнее видео не воспроизводилось автоматом, а воспроизводилось наоборот нижнее? и если да, то как это можно реализовать? заранее спасибо

Answer 1

Если видео вставлены через iframe, то поможет этот код:

// если ссылка вида htp://example.com#video2
if(window.location.hash == '#video2') {
  // удаляем атрибут autoplay у первого видеопроигрывателя #video1
  document.getElementById('#video1').src = document.getElementById('#video1').src.replace(/autoplay=1/g, '');
  // добавляем атрибут autoplay второму видеопроигрывателю #video2
  document.getElementById('#video2').src += '&autoplay=1';
}