Остановка видео vimeo при закрытии модального режима, когда несколько видео находятся на одной странице - PullRequest
0 голосов
/ 19 февраля 2020

У меня есть несколько всплывающих окон на одной странице. у каждого всплывающего окна, не закодированного с bootstrap, есть карусель bootstrap. в этих bootstrap каруселях может быть или не быть видео vimeo.

Возникла проблема с остановкой воспроизведения видео при закрытии всплывающего окна или нажатием левой и правой кнопок, поскольку при наличии нескольких видео в разных каруселях скрипт ниже копирует видео с первого sr c, который он находит, и заменяет каждое видео на этот sr c.

Я пытался использовать closest () и find (), а также пытался оба из скрипта в функции click говорят (this) .closest ($ frame), но это тоже не работает.

Любая помощь будет принята с благодарностью.

function stopVideo() {
 var $frame = $('iframe#nofocusvideo');

 // saves the current iframe source
var vidsrc = $frame.attr('src');

// sets the source to nothing, stopping the video
$frame.attr('src', '');

// sets it back to the correct link so that it reloads immediately on the next window open
$frame.attr('src', vidsrc);
}

$(".carousel-control-prev").click(function(){
stopVideo();
});


$(".carousel-control-next").click(function(){
stopVideo();
});

$(".fa-times").click(function(){
stopVideo();
});

1 Ответ

0 голосов
/ 19 февраля 2020

var $ frame = $ ('. Carousel-item.active'). Find ('iframe'); исправил эту проблему

...