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

Question

[Alex_8x]

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


UPD. С методом play() все заработало. Всем спасибо

Comments

[Максим]

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

[Alex_8x]

Максим, может для начала прочитаешь комментари выше, прежде чем делать выводы?
Я написал там, что видео должно воспроизводиться при клике по кнопке, которая для этого предназначена.

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

Alex_8x, у вас есть потрясающая возможность сразу писать вопрос полностью

[Alex_8x]

Владислав Лысков, я и написал вопрос полностью.
Изначально интересовало, почему метод click() не работал. Про метод play() я не знал

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

Alex_8x,

Я написал там, что видео должно воспроизводиться при клике по кнопке, которая для этого предназначена.

после 3ех правок этого в текcте вопроса нет

[Alex_8x]

Владислав Лысков, я просто ответил на комментарий Максима, который захотел блеснуть остроумием.

Согласен, что текст вопроса был сформулирован не совсем корректно. Исправлюсь в будущем

[Максим]

Alex_8x, вы изменили вопрос 5 раз...
Вначале вопрос бвл про автоклик по плееру и в самом низу был ответ о том что эту опцию выключили ....
Я лижь поблагадорил разрабов за это..помле чего вы изменили вопрос...
Мне блестать умом не надо, я сам могу без посторонней помощи реализовать многие задачи...

Answer 1

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

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

Comments

[Alex_8x]

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

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

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

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

[Aetae]

Alex_8x, если оно открывается по клику - по тому клику и запускайте. Никаких таймаутов. Тогда это считается действием пользователя и заработает. Само собой это если попап на той же странице, если открывается новая вкладка, то не судьба.

[Alex_8x]

Aetae, без таймаута тоже пробовал. Не запускается при кликле на кнопку. Ну либо я что-то не так делаю.

Буду благодарен, если покажите пример с рабочим вариантом

[Alex_8x]

Aetae, на CodePan заработало :)
На сайте, где пилил - на работало. Теперь понятно, где ошибка) Спасибо

Answer 2

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

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

примерно так

Comments

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

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

[ProjectSoft]

Кнопка здесь вообще не нужна. Не нужно эмулировать поведение пользователя. Данное поведение будет всё-равно считаться JS поведением.
Воспроизведение запускается через промис.

const video = document.getElementById('about-course')
video.play().then(() => {
	// видео удалось воспроизвести
}).catch(() => {
	// не удалось воспроизвести видео
	// выключаем звук
	// запускаем воспроизведение
	video.muted = true;
	video.volume = 0;
	video.play()
});

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

ProjectSoft, ты не мне это пиши, а автору
этот ответ был написан до того, как автор определился что ему нужно

[ProjectSoft]

Владислав Лысков, не важно кому... главное - правильное API.

Answer 3

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

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

Comments

[Alex_8x]

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

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

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