1

我正在使用 cycle2 插件，我有一个视频库，我想要的是在显示当前幻灯片时自动播放视频。

他确实有一个类似的插件，但它看起来只适用于 youtube，而我正在使用带有后备功能的视频 html 标签：http: //jquery.malsup.com/cycle2/demo/video.php

显然，我无法将自动播放添加到视频中，因为它们都同时播放并且不知道如何处理。Is there a way around from his api url: http://jquery.malsup.com/cycle2/api/ or will i have to create a function from scratch that when a certain slider is selected, play/stop.

我也在使用他的网站上的哈希示例。

如果有人有任何想法从哪里开始或解决方案的正确方向，我将不胜感激，因为我已经看了几个小时了！

以下是视频如何集成到 cycle2 滑块中的示例的链接：

http://jsfiddle.net/8dcWv/

<video width="100%" height="100%" controls="controls">
  <source type="video/mp4" src="" />
  <source type="video/webm" src="" />
  <source type="video/ogg" src="" />
  <object width="100%" height="100%" type="application/x-shockwave-flash" data="">
  <param name="movie" value="" />
  <param name="flashvars" value="controls=true&file=" />
  </object>
</video>

插件网址：http: //jquery.malsup.com/cycle2/demo/video.php

此网址可能有助于触发第一张幻灯片：https ://github.com/malsup/cycle2/issues/25

4

1 回答 1

3

我认为这样的事情应该有效。

//Triggered after the slideshow has completed transitioning to the next slide.
$( '#mySlideshow' ).on( 'cycle-after', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('video', incomingSlideEl)[0].play();
});

//Triggered just prior to a transition to a new slide.
$( '#mySlideshow' ).on( 'cycle-before', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('video', outgoingSlideEl)[0].pause();
});
于 2013-08-21T15:27:16.063 回答