Как имитировать клик по элементу video?

Question

[Alex_8x]

Не понимаю, почему у меня не срабатывает метод click(), когда я пытаюсь имитировать клик по элементу <video>
Если использую этот метод для клика по другим элементам (например <a>) все прекрасно работает.

Comments

[Максим]

И слава Богу что эту опцию выключили...
А то ночью начинает проигрываться реклама которую какой то такой же разработчик сделал...
У себя дома,ночью, когда все спят включи свою рекламу...и сразу поймёш почему выключили эту опцию

Answer 1

[Алексей Уколов]

Решение зависит от того, чего именно вы хотите добиться. Браузеры не разрешают просто так начинать проигрывать видео со звуком без разрешения пользователя. Можно добавить <video/> атрибут autoplay, но к нему в паре обязательно ещё указывать muted. Ну а можно воспользоваться специальным API для проигрывания видео.

Comments

[Alex_8x]

Про атрибут autoplay и особенности его работы знаю. Поэтому отказался от него и пытаюсь с помощью js иммитировать клик по видео (оно у меня в попапе показыватеся при клике на кнопку). То есть нет никакого обмана пользователя. Ему нужен автозапуск видео

Через API можно добиться воспроизведения видео со звуком при определеном событии на странице? Клик по кнопке

[Алексей Уколов]

Прочитайте гайд по ссылке из ответа (я её поменял на более подходящую).

Answer 2

[Саргис Алексанян]

Video с атрибутом muted и вместо video.click() нужно video.play()

Comments

[Alex_8x]

А зачем мне видео без звука? Это не элемент дизайна. Звук нужен обязательно

[Алексей Уколов]

Если это не элемент дизайна, то создатели современных браузеров (корректно) считают, что запускать видео должен пользователь самостоятельно, когда захочет. Ссылку на более детальное объяснение и способы решения я дал в своём ответе.

Answer 3

[Владислав Лысков]

const video = document.getElementById('about-course')
  video.addEventListener("click", () => { 
        if (video.paused == true) {
             video.play();
        }
        else{
             video.pause();
        }
  });
  setTimeout(() => video.click(), 2000)

примерно так

Comments

[Алексей Уколов]

Без muted работать не будет.