Question

好的，我正在尝试修改一些已编写的jQuery - 作为背景，我对Javascript很了解，但我对jQuery只是如此。我对这段代码的理解是有一个滚动条，每隔6秒就会改变一次。我不确定这里是否有任何视频特定代码 - 现在滚动条上有一个嵌入其中一个窗格的视频，点击它。

我要做的是设置一个图像（当前在<div class=vid>内部，未显示），点击它时，将停止显示，直到点击底部的一个按钮，它还会播放flash视频。

以下是代码：

<script type="text/javascript">
    jQuery(document).ready(function() {

    var scroll_item = jQuery("#chained").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({
            interval: 6000,
            autoplay: false,
            autopause: false
        }); 
    window.scroll_control = scroll_item.data("scrollable");


    scroll_control.play();

    var $playBtn =  $('#p-p-btn');

        $playBtn.click(function(){
            if($(this).hasClass('play')){
                $(this).addClass('pause');
                $(this).removeClass('play');
                scroll_control.play();
            } else if($(this).hasClass('pause')) {
                $(this).addClass('play');
                $(this).removeClass('pause');
                scroll_control.stop();
            };
                                }); 

        jQuery('#chained').hover(
            function() { scroll_control.stop(); },
            function() {
                if ($playBtn.hasClass('pause')) {
                    scroll_control.play();
                    }
                }
            );

    });
</script>

我相信我所要做的就是添加一个条件，该条件将决定图片是否已被点击（它位于<div class=vid>，但我可能会给它一个id），这将转向关闭（可能通过“点击”播放/关闭按钮？），它还将启动带有自动播放设置的视频。

这听起来准确吗？

我怎样才能关闭？

Answer 1

我不完全理解代码，因为我不知道整个上下文。但请尝试在您的文档中添加此内容：

$("#YOURIMAGEID").bind("click",function(){
          scroll_control.stop();
          $('#p-p-btn').addClass('play');
          $('#p-p-btn').removeClass('pause');
         //other logic
});

试图再次解释jQuery - 我如何暂停视频播放？

1 个答案: