Как поставить видео iframe на паузу при включении другого видео и прокрутке сайта?

Question

[Evtera]

Здравствуйте. Вопрос такой. Есть картинки, которые привязаны к видео. При клике на картинку, появляется соответствующее видео, но вот предыдущее продолжает играть в фоне. Как сделать так, чтобы при переключении видео/включении другого видео/прокрутке сайта в другой блок видео автоматически ставилось на паузу.

Спасибо

Answer 1

[chubahu]

Зависит от плеера, который вы используете. Все популярные проигрыватели обычно имеют API, который можно адресовать в iframe через postMessage.

Comments

[Evtera]

Вставляю через ютуб. То есть, нужно фетчить API?

[chubahu]

Цепляете к iframe ссылке get переменную enablejsapi=1 и и можно отправлять команды.

$('iframe').postMessage('{"event":"command","func":"stopVideo","args":""}', '*')

[Evtera]

chubahu, извините, но не могли бы вы чуть подробнее.
"ссылке get переменную enablejsapi=1" не понял немного :D

[chubahu]

Просто цепляете к ссылке параметр https://www.youtube.com/embed/XXXXXXXXXX?enablejsapi=1
Есть описание в документации YT iframe API.

[Evtera]

chubahu, хочу уточнить,то есть, то что я хочу, без подключения API никак не реализовать?

[chubahu]

Подключаться не нужно, только отправить команду в нужный момент. Как вариант, еще можно использовать оболочку в виде другого плеера, который умеет работать с YouTube и автоматически отключает один работающий плеер при запуске другого. В бесплатной версии playerjs точно есть такое, по другим не подскажу.