2010-04-28 45 views

回答

1

哇 - 当您在幻灯片中点击回到视频时,视频会恢复!这是相当整洁的...我怀疑其他任何人都已经做到了。您可以靠近Scrollable: http://flowplayer.org/tools/demos/tabs/slideshow.html

只需将视频放入其中一个选项卡而不是图像。

+0

链接是烂的... – MarioDS 2012-11-25 14:43:36

+0

链接在答案死 - 404 Not Found |道歉! |我们无法找到你要找的东西.. – Pang 2017-06-23 00:17:44

1

您可以轻松使用jQuery Cycle plugin

$('#container').cycle({ 
    /* cycle options here */ 
    before: function(currEl) { 
     // Stop the video, using any video plugin of your choice 
     // (e.g., JWPlayer, MeddiaElementJS, etc.) 
     $(currEl).myVideoPlugin('stop'); 
    }, 
}); 

而且你可以将一个事件,您的视频播放器插件,推进循环到下一个幻灯片时,视频播放完毕。

2

基本的jQuery滑块(http://basic-slider.com/)非常灵活。您可以在每张幻灯片中嵌入任何类型的HTML(图像,文本,嵌入视频等)。

+0

太棒了。很轻的 – htmldrum 2012-12-06 07:57:47

+0

@ khedaywi你知道如何将箭头(下一个和前一个)放到div的外面吗? – 2014-01-18 20:23:28

+0

@FranciscoCorrales您可以使用CSS中的绝对位置将下一个和上一个箭头放在任何地方。最简单的方法就是直观地调整CSS的这些元素,就是通过右键单击元素并单击“检查元素”来使用Google Chrome的开发人员工具等Web开发人员工具。 关于http://basic-slider.com/上的滑块示例,可以通过将'ul.bjqs-controls.v-centered li.bjqs-prev a'设置为'left:-49px ;' – khedaywi 2014-02-18 13:00:47