阻止播放滑塊的Youtube視頻的腳本

Question

我有滑塊與視頻和一些圖片。當我嘗試移動到下一張照片時，視頻仍在播放。我研究了堆棧並嘗試了一些他們的想法，但它並不適用於我的案例。

所以我試圖創建一個JsFiddle它在這裏是link。要滑動到下一張圖片，您只需點擊視頻的左側或右側。

的script的滑塊是遵循

$("#slider1").responsiveSlides({ 
    startidx: 0, 
    auto: false, 
    pager: true, 
    nav: true, 
    speed: 500, 
    maxwidth: 540, 
    namespace: "transparent-btns" 
}); 

//$('.transparent-btns_nav').trigger('click'); 
$(document).on('click', '.transparent-btns_nav', function (event) { 
//here I guess we can add some script to stop the video 
}); 

而且HTML你可以在小提琴看到。

感謝&問候

Answer 1

這其實是一個很容易解決。在您的YouTube視頻的src，你會看到一個自動播放屬性：

autoplay=1 

該設置，

autoplay=0 

這將停止從YouTube的自動播放視頻。

這是你更新的提琴： http://jsfiddle.net/UvL7N/8/