Как выполнить некоторое действие, при нажатии на проигрывание youtube-видео (если их много на странице)?

Question

[Амир]

Добрый день.
Ситуация следующая: на странице вордпресс есть несколько youtube-видео, которые вставлены с помощью wordpress-плагина Youtube следующим образом:

[embedyt]ссылка_на_видео[/embedyt]

. Мне необходимо выполнить некоторое действие (например, alert('aaa');), если пользователь нажал на кнопку play/pause на любом из этих видео.
Как мне это сделать?

Заранее благодарен за ответы.

Answer 1

[Александр Моргунов]

Почему же никто не умеет искать информацию? Есть же мануалы по этому API на русском языке.
https://developers.google.com/youtube/iframe_api_r... -- смотри пример. Стоит обратить внимание на YT.PlayerState.PLAYING (судя по коду имеет значение true/false).

Comments

[Амир]

Это первая ссылка, которую я открыл, будучи в поисках хоть какой-то информации по этому вопросу. Но если внимательно изучить статью, можно понять, что все рассуждения там исходят из того, что Вы сами создаете этот объект (см. "Начало работы", "Загрузка проигрывателя видео"). Именно поэтому я акцентировал внимание, что не я сам создаю видео на странице (иначе этого вопроса бы не было), а плагин. И переписать этот участок кода я не смогу, так как достаточно много времени уйдет на заново-заполнение контента (видео очень много на странице). Поэтому я и пляшу от того, что есть.

[Maksym Davydchuk]

Амир: А если шорткод обернуть в div с классом, а потом с помощью js обращаться к нему?

[Амир]

Maksym: как именно обращаться? я получаю все айфреймы в коде у себя (поэтому не надо дивом оборачивать). Что дальше?

[Александр Моргунов]

Амир: можно на iframe повесить событие onmouseenter, в котором уже следить за кликом в области данного iframe. А дальше уже пытаться выцепить свойство, которое меняется в зависимости от того, проигрывается видео в данный момент или нет. А дальше уже ваша задумка.