Как остановить Ютуб видео при закрытии модального окна?

Question

[MrMaximum]

Подскажите пожалуйста как остановить видео с ютуба в модальном окне при закрытии окна,
+ видео находится в owl carousel , модальное окно на css.

Answer 1

[MrMaximum]

Сработало.

Что было сделано:
1. Залез в скрипт owl carousel и добавил туда enablejsapi=1 и id="Youtube" чтобы это было в iframe
В итоге на выходе получилось

2. Далее добавил к кнопке которая закрывает модальное окно id="pauseYoutube"

3. Потом в div где стоит карусель вставил

4. В скрипт добавил

function onYouTubePlayerAPIReady() {
  player = new YT.Player('Youtube', {
    events: {'onReady': onPlayerReady}
  });
}
function onPlayerReady(event) {
  document.getElementById("playYoutube").addEventListener("click", function() {player.playVideo();});
  document.getElementById("pauseYoutube").addEventListener("click", function() {player.pauseVideo();});
}

Comments

[MrMaximum]

Не пойму почему сразу не работала, НО по факту вся эта конструкция заработала !

Answer 2

[Максим]

shpargalkablog.ru/2014/01/pause-youtube.html