Сайт на modx revo
страница:
Нужна помощь в api ютуба.
сниппет youtube
сверху iframe – подгружает картинку ролика.
ниже идет скрипт: если скролл пользователя достиг элемента с переменной code, то в div с переменной подгружается ролик из /js/snippet/youtube.php
подгрузка при прокрутке работает отлично.
но возникла проблема с api ютуба.
Нужно чтобы если ролика не видно на экране, то видео останавливалась
player.stopVideo(); (сниппет youtube строка 24) но останавливает, только у первого видео на странице.
Так же необходимо, чтобы звук видео выключался при подгрузке в api это player.mute(); – но так же срабатывает только у первого видео на странице.
Задача, в том, чтобы видео останавливалось если проскроллено у всех на странице и mute срабатывал также у всех.
Инициализация происходит в этом же файле /js/snippet/youtube.php
пробовал подключение дивом не работает.
Инициализировал в шапке или в подвале – также не работает.
А в таком варианте срабатывает только у первого видео на странице.
тест здесь:
пишите стоимость и срок выполнения
по сути нужно допилить пару строк кода, т.е. задача быстрая.