Как остановить видео Youtube при нажатии на следующий слайд?

Question

http://www.redfoxwebtech.us/redfoxus/thinkingmaps/community/ У меня есть видео добавлено на первый слайд ,,, когда я нажимаю на следующий слайд видео должно перестать играть

Answer 1

мне удалось исправить (протестировано с Vimeo) и работает. Я думаю, с такой же техникой вы можете сделать и другие видеосайты.

Очень важно добавить onSlideChangeStart - функцию обратного вызова, которая будет выполнена в начале анимации на другой слайд (следующий или предыдущий). Получает экземпляр swiper в качестве аргумента.

var mySwiper = new Swiper (".swiper-container", { 
onSlideChangeStart: function(){ 
    function playVideoVimeo(frame) { 
     frame.each(function() { 
      var url = jQuery(this).attr('src').split('?')[0]; 
      this.contentWindow.postMessage(JSON.stringify({ method: 'pause' }), url); 
     }); 
    } 
    jQuery(".swiper-container .swiper-slide").each(function(index) { 
     var element = jQuery(this).find("iframe");  
     playVideoVimeo(element);     
    }); 
}});