Я понял, что iframe "изолирован от document". Допустим на Youtube есть все возможные API. Вот интересное API https://developers.google.com/youtube/iframe_api_reference. Но что делать если ресурс который предоставляет видео контент не имеет API. Пробовал ставить события на document. Если видео не в iframe то все работает, а иначе событий нет.
Была у меня похожая задача - нужно было на фоновом видео сделать элементы управления при клике на элементы поверх iframe. Долго искал решение.
В итоге использовал следующие костыли:
$('iframe')[0].contentWindow.postMessage('{ "event": "command", "func": "pauseVideo","args":""}', '*'); // Пауза
$('iframe')[0].contentWindow.postMessage('{ "event": "command", "func": "playVideo","args":""}', '*'); // Воспроизведение
$('iframe')[0].contentWindow.postMessage('{ "event": "command", "func": "unMute", "method":"setVolume", "value":0}',"*"); // Вкл. звука
$('iframe')[0].contentWindow.postMessage('{ "event": "command", "func": "mute", "method":"setVolume", "value":0}',"*"); // Выкл. звука
Если нужны другие события, то думаю понятно в каком направлении искать.
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости