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

Question

[Web Lizard]

Есть ли какой то простой и не запарный способ остановить видео в поп апе после его закрытия?

Видео воткнуты самым простым способом, т.е. вот таким вот

<iframe class="youtube-video" width="100%" height="400" src="https://www.youtube.com/embed/ym80poNoDFE" frameborder="0" allowfullscreen></iframe>

Да, я в курсе что есть api, и что можно каждое видео через это api прогружать, но это долго и сложно. А видосов на сайте уже много лежит и не вариант к каждому видосу через id обращаться чтобы его закрывать.

Может быть есть какое то, пускай даже костыльное решение?

Answer 1

[Ivan Korsakov]

Jquery: $('.video-block iframe').attr('src', '');

Comments

[Web Lizard]

ну то есть он удалит src, а если я захочу обратно поп ап открыть то я увижу там пустое место?

[Ivan Korsakov]

Вы можете перед этим сохранить адрес ссылки, тогда такой проблемы не будет.

[Web Lizard]

Nik: а как делать реинициализацию видео?

[Ivan Korsakov]

Web Lizard: просто для примера о чем речь: https://jsfiddle.net/gj3y3gfa/

Answer 2

[Zam_Bo]

Вот здесь решение https://css-tricks.com/play-button-youtube-and-vim...

Answer 3

[Максим Софронов]

Попробуйте другой плагин модального окна, например Картонбокс. Там ничего не надо дописывать, видео само перестает воспроизводиться после закрытия.

Answer 4

[cherry_secret]

Через костыль можно так:

<div class="popup">
<iframe class="popup__video" </iframe>
</div>

const video = document.querySelector('.popup__video');
const popup = document.querySelector('.popup');

при открытии попапа: popup.appendChild(video);
при закрытии: video.remove();