Question

使用slick.js，我可以在进入下一张幻灯片后暂停播放YouTube视频。

但是，我无法弄清楚在播放视频时如何在滑块上暂停滑块的autoplay功能（slickPause）。

然后，仅在视频完成后或用户前进到其他幻灯片时，在滑块上恢复autoplay。

请帮忙！

(function($) {
    jQuery(document).ready(function($) {
        $(".hero-slider").on("beforeChange", function(event, slick) {
            var currentSlide, slideType, player, command;
            currentSlide = $(slick.$slider).find(".slick-current");
            slideType = currentSlide.attr("class").split(" ")[1];

            player = currentSlide.find("iframe").get(0);
            if (slideType == "vimeo") {
                command = {
                    "method": "pause",
                    "value": "true"
                };
            } else {
                command = {
                    "event": "command",
                    "func": "pauseVideo",
                    "args": ""
                };
            }
            if (player != undefined) {
                player.contentWindow.postMessage(JSON.stringify(command), "*");
            }
        });
        $(".hero-slider").slick({
            infinite: true,
            arrows: true,
            dots: false,
            fade: true,
            cssEase: 'linear',
            autoplay: true,
            autoplaySpeed: 5000,
            focusOnSelect: true
        });
    });
})(jQuery);

Answer 1

您可以参考此sample code。您可以像这样使用@Test public void wrongInput() { Throwable exception = assertThrows(InvalidArgumentException.class, ()->{objectName.yourMethod("WRONG");} ); }：

slickPause

此外，以下是一些可能有用的参考资料：

光滑轮播 - 播放YouTube视频时暂停滑块的自动播放

1 个答案: