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

【问题标题】：Trying to interpret jQuery again - how do I pause on video play?试图再次解释 jQuery - 如何暂停视频播放？
【发布时间】：2012-06-07 14:17:37
【问题描述】：

好的，我正在尝试修改一些已经编写好的 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），这将转动平移关闭（也许通过“单击”播放/关闭按钮？），它还将启动具有自动播放设置的视频。

听起来准确吗？

如何关闭平移？

【问题讨论】：

标签： javascript jquery flash

【解决方案1】：

我不完全理解代码，因为我不知道整个上下文。但是请尝试将其添加到您的文档中：

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

【讨论】：

停止控件并显示暂停按钮。