在滑块自动播放视频(autoplay video in slider)

2019-10-18 12:35发布

我使用的是循环2插件,和我有一个视频库,什么我是后是显示当前幻灯片时,自动播放视频。

他确实有这类似的插件,但它看起来像它只是YouTube的,而我使用与回退视频html标记: http://jquery.malsup.com/cycle2/demo/video.php

很显然,我不能不能添加自动播放功能,视频,因为他们都在玩一次,不知道如何处理这个问题。 有没有办法解决他的API网址: http://jquery.malsup.com/cycle2/api/或将我必须从头开始创建一个功能,当选择一个特定的滑块,播放/停止。

我使用了哈希的例子,就是在自己的网站也是如此。

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

这里是一个的视频是如何融入循环2滑块的例子的链接:

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

Answer 1:

我想,这样的事情应该工作。

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


文章来源: autoplay video in slider