Как остановить iframe видео Youtube с помощью javascript?

Question

[sharpsss]

Доброго времени суток, есть вот такой iframe там видео с ютуба

<iframe class="video_review_item" src="https://www.youtube.com/embed/U_3epvJU8BI">
					</iframe>

У меня он в попапе находится и при закрытии попапа с плеером - если пользователь не поставит на паузу видео оно проигрывается - я на кнопку закрыть хочу привязать остановку произведения видео, может кто сталкивался - подскажите как останавливать его *vanilla js please*

Comments

[Александр Маджугин]

По хорошему на закрытие попапа вы должны его удалять. А не видео на паузу ставить. Ну или хотя бы iframe удаляйте.

[sharpsss]

Александр Маджугин, то есть каждый раз create element iframe делать при открытии, а при закрытии удалять iframe ?

[ProjectSoft]

sharpsss, т. е. читать официальный API никак?
https://developers.google.com/youtube/iframe_api_r...

[sharpsss]

ProjectSoft, фууф, кэфтемеее

[Александр Маджугин]

sharpsss, ну да. Вообще в идеальном мире надо создавать и удалять сам попап - скрытые элементы - это не гуд.

[sharpsss]

Александр Маджугин, смысл в том что так меньше будет DOM,правильно понимаю?

[Александр Маджугин]

sharpsss, да, конечно. Все современные реактивные фреймворки грубо говоря так и делают. Они не отображают заранее скрытые элементы, а добавляют их в DOM когда они нужны.
Конкретно в вашем случае это может быть и не очень хорошей тактикой (поэтому я и не поместил в ответ свое предложение), потому что если для вас вдруг стандартный кейс - пользователь открыл попап, посмотрел немного видео, закрыл попап, что-то поделал, потом снова открыл чтобы смотреть дальше, то что я советую будет ужасной идеей. Ведь каждый раз вы будете заново перезагружать весь фрейм с ресурсами + вам нужно будет придумать как запоминать где остановился пользователь, чтобы переоткрывать видео на том же тайминге.
Однако обычно это не стандартные кейс и 99 процентов пользователей если закрыли попап с видео, до дальше его смотреть не хотят. Так зачем его держать в странице?