Как правильно закрывать все открытые iframe при переходе по спойлерам?

Question

[sergeybreen]

Товарищи, кто может помочь/подсказать как правильно закрывать все iframe ?
https://jsfiddle.net/sergeybreen/u6o6e5x7/3/
Сейчас происходит следующее:
Если открыть один спойлер, запустить видео и затем открыть другой спойлер, то предыдущее не будет прерываться(если видео запущенно, то так и будет играть, несмотря на то что спойлер уже припрятал этот iframe). Как сделать так чтобы при переходе на другой спойлер, в предыдущем полностью всё очищалось и закрывался прошлый iframe? В общем чтобы перед каждым открытием любого спойлера сперва выполнялось зачищения\закрытие всех-всех других?

Некорректность сейчас ещё заключается в том что при открытиее следующих спойлеров, при клике на кнопку плэй в iframe иниицирующую запуск видео, происходит переход на ссылку видеохоста в новой вкладке... А пользователи не должны уходить с сайта. Думаю если сделать закрытие всех iframe - должно быть норм

Answer 1

[Exploding]

Просто сносите свой iframe при закрытии да и все. Ну или api ютуба читайте там должно быть

Comments

[sergeybreen]

я не знаю JS =( Каким кодом это сделать? Могли бы конкретную строчку написать для этого?
и там не ютуб, там mega.nz файл.хранилище. Просто не переименовывал название переменных

[Exploding]

sergeybreen, если подключите jq то функцию закрытия немного подпилите:

function hideContent() {
        $(".spoiler__content_open > *").remove();
    	for (var i = 0; i < spoilerContentCollection.length; i++) {
      	spoilerContentCollection[i].classList.remove(openContentClassName);
      }
    }