0

我已经为此苦苦挣扎了一段时间，并且正在放屁，所以我想寻求帮助。我正在使用Cycle2 插件，并且需要在 videojs 开始播放时暂停幻灯片放映我已经查看了此讨论以及API 文档，但我似乎仍然无法正确处理。

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

<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());
});

谢谢您的帮助，

杰夫

4

1 回答 1

0

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

这是我找到的解决方案：

// 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);
});
于 2013-10-22T18:47:42.720 回答