当用户点击播放视频时停止unislider

时间:2015-02-12 16:39:43

标签: jquery html5-video

我在我的网站上使用Unislider。其中一张幻灯片中有一个html5视频,我想在视频开始播放时停止滑块。 Unislider文档显示了一些你可以使用的属性,在这种情况下我对stop()感兴趣;但我无法让它发挥作用。这是我的代码:

$(document).ready(function() {

        var slidey = $('#image-slider').unslider({
            speed: 5000,
            delay: 9000,
            fluid: true,
            fade:true
        });

        data = slidey.data('unislider');

        var introvideo = $(".intro-video");

        $(introvideo).on('play', function() {
            data.stop();
        });
});

我也尝试过:

    $(".intro-video").on('play', function() {
        data.stop();
    });

以及:

    $(".intro-video").click(function() {
        data.stop();
    });

1 个答案:

答案 0 :(得分:0)

原来我拼写了unlider错误的..FML。对于任何感兴趣的人,这段代码都可以正常使用:

$(document).ready(function() {

        var slidey = $('#image-slider').unslider({
            speed: 5000,
            delay: 9000,
            pause: false,
            fluid: true,
            fade:true
        }),
        data = slidey.data('unslider');

        $(".intro-video").on( 'play', function() {
            data.stop();
        });
});