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。

谢谢＆amp;问候

Answer 1

这实际上是一个非常简单的修复方法。在youtube video src上，您将看到一个自动播放属性：

autoplay=1

将此设置为

autoplay=0

这会阻止youtube自动播放视频。

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

用于阻止Youtube视频在滑块中播放的脚本

1 个答案: