Does anyone know of a jQuery library for doing an image slideshow with the add benefit of video embedded in the slideshow viewing area? Similar to how ESPN.com frontpage works.
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
回答1:
Basic jQuery Slider (http://basic-slider.com/) is pretty flexible. You can embed any type of HTML into each slide (images, text, embed video, etc.).
回答2:
Whoa -- the video resumes when you click back to it in the slideshow! That's pretty neat... I doubt anyone else out there has done it. You can come close with Scrollable: http://flowplayer.org/tools/demos/tabs/slideshow.html
Just put a video in one of the tabs instead of an image.
回答3:
You can easily use jQuery Cycle plugin for that.
$('#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');
},
});
And you can attach an event to your video player plugin that advances the cycle to the next slide when video has finished playing.