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

Question

我在我的网站上使用 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();
    });

Answer 1

原来我拼错了unslider..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();
        });
});

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

Stop unislider when user clicks play on video

jquery

html5-video