Question

我一直在努力解决这个问题，而且我有一个大脑放屁，所以我想寻求帮助。我正在使用Cycle2 Plugin并需要在videojs开始播放时暂停幻灯片显示我已经查看了此Discussion以及API Documentation但我仍然无法获得它右。

以下是每张幻灯片的代码：

<div class="slideshow-item" style="background: url({tag_Image (1162 x 370)_value});">
  <div class="slide-video">
    <video id="my_video_1" class="video-js vjs-default-skin" controls
 preload="auto" width="380" height="240" poster="{tag_Video Thumbnail (380 x 240)_value}"
 data-setup="{}">
      <source src="{tag_Video URL}" type='video/mp4'>
    </video>
  </div>
  <div class="slide-text-wrapper">
    <div class="slide-text" style="width: {tag_text width (pixels)}px;">
      <p>{tag_description}</p>
      <p><a class="slide-button" href="{tag_Button URL}">{tag_Button Text}</a></p>
    </div>
  </div>
</div>

编辑除了事件监听器之外，下面的jQuery似乎工作正常。函数pauseSlideshow正确运行，但它不等我单击播放，它只是自动运行。

_V_("my_video_1").ready(function(){
     var myPlayer = this;
     function pauseSlideshow(){
       $('.cycle-slideshow').cycle('pause');
       $('.slideshow-button').addClass( 'play' );
      }
     myPlayer.addEvent("play", pauseSlideshow());
});

感谢您的帮助，

杰夫

Answer 1

好的，我终于弄清楚发生了什么。我没有使用适当的语法。

以下是我找到的解决方案：

// Pause slideshow on play
_V_("my_video_1").ready(function(){
   var myPlayer = this;
   function pauseSlideshow(){
     $('.cycle-slideshow').cycle('pause');
     $('.slideshow-button').addClass( 'play' );
    }
    myPlayer.on("play", pauseSlideshow);
});

如何在videojs开始播放时暂停jQuery Cycle 2插件

1 个答案: