Как сделать остановку видео внутри remodal?

Question

[nagge101]

Привет, тостеры.
Какая задача меня озадачила.
Помогите решить. Есть 5 модальных окон на remodal js. Структура обычная, примерно такая:

div.remodal#id1>Button.close-remodal+iframe

Iframe берет видео с youtube. Нужно, чтобы при открытии окна( их 5 и надо чтобы не было конфликта ) он прото открывалось, без запуска видео, но можно и с ним..., но чтобы при закрытии окна на кнопку фрейм останавливался. Была идея останавливать все фреймы, но не получилось реализовать. Может вы поможете?

Answer 1

[nagge101]

$('.remodal-close').on('click', function () {
        $("iframe").each(function() {
            var src= $(this).attr('src');
            $(this).attr('src',src);
        });
    });

Answer 2

[id_baton4eg]

Поможем, самый простой способ как по мне добавить к ссылке в видео параметр autoplay=1, при добавлении к ссылке видео включится, при удалении - выключится. Опознать момент когда это нужно сделать можно благодаря методам remodal (почитайте документацию).
/**
* Returns a current state of the modal
* @returns {'closed'|'closing'|'opened'|'opening'}
*/
inst.getState();

Comments

[nagge101]

Дак если поставить autoplay, то все видео включатся.

[id_baton4eg]

nagge101, так Вы же применяйте только либо к конкретному элементу, либо к элементу в открытом окне... Это можно определить например по классам окна, либо используя методы что я написал Выше, почитайте документацию внимательно))