Как сделать действие после клика по видео в iframe?

Question

[Владислав Скляр]

Добрый день. Не могу реализовать действие после клика на видео в iframe.
Сам iframe

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>

JS

<script type="text/javascript">
document.getElementById('video').addEventListener( "click", function() {
   alert( "click" );
});
</script>

Помогите найти ошибку, пожалуйста.
Если можно то ответ протестите на codepen.io . Там можно его сохранить.

Answer 1

[Владислав Скляр]

Все решилось вот таким кодом:

function iframeClickEvent(){
  var monitor = setInterval(function(){
    var elem = document.activeElement;
    if(elem && elem.tagName == 'IFRAME'){
      clearInterval(monitor);
      console.log(elem.getAttribute(''))
        }, "json" );
      window.iframeClickOn = false;
    }
}, 100);

Answer 2

[Александр Таратин]

Все тут
https://developers.google.com/youtube/iframe_api_r...

Comments

[Владислав Скляр]

А если внутри не ютуб плеер, а флеш, это тоже поможет?

[Александр Таратин]

Владислав Скляр: Нет. Нужно будет прописать внутри флешки функцию, которая будет вызывать внешнюю js функцию, по событию клика.
help.adobe.com/ru_RU/FlashPlatform/reference/actio...

[Владислав Скляр]

Ого даже так. А Фловплеер построен на флеше или нет?

[Александр Таратин]

Владислав Скляр: Думаю вам будет достаточно такого варианта.

Изначально на странице помещаем img превьюшки.
Когда кликаем по ним - обрабатываем клик и заменяем их на код плеера/iframe ютуба

[Александр Таратин]

Владислав Скляр: Фловплеер изначально был только под flash. Сейчас гибрид.

У него тоже есть апи
https://flowplayer.org/docs/api.html#events

[Владислав Скляр]

Ладно буду крутить. Большое спасибо.

[Владислав Скляр]

Слушай а где нужно добавить мой ивент? Я могу добавлять его в своем скрипте или нужно добавлять где то в скриптах флоуплеера? Кинь примеры плиз.

[Александр Таратин]

Владислав Скляр: Все на этой же странице https://flowplayer.org/docs/api.html#javascript-api читайте сначала.

[Владислав Скляр]

Спасибо