jQuery / JavaScript HTML5响应式视频库插件播放列表youtube?

时间:2012-06-20 09:08:17

标签: jquery youtube responsive-design html5-video lightbox

有没有人知道一个简单的jQuery视频播放器可以在一个灯箱中打开,就像漂亮的照片和播放器一样,带有一个小画廊和附加其他视频的播放列表。

我想通过点击一个视频链接到一个视频,它会在一个灯箱中打开并显示第一个视频,其中一个小画廊可能会包含在灯箱内。

我一直在看这个 - http://codecanyon.net/item/responsive-video-gallery-html5-youtube-vimeo/2918602?WT.ac=search_thumb&WT.seg_1=search_thumb&WT.z_author=Tean

但是下面的开发人员给了我一些叫做twitter bootstrap的东西,看起来很灵活 但是有没有办法让响应能力与正确的滚动条一起工作? http://brightmist.co.uk/test/bootstrap.html

2 个答案:

答案 0 :(得分:1)

OP,

检查此Plunk:http://plnkr.co/edit/YKoTWH?p=preview

详细信息

总之,我们向youtube API询问有关特定播放列表的JSONP响应,循环结果并构建列表。

在幕后,我们将该集合追加到Twitter Bootstrap modal

用户点击模态显示按钮 - >第一个视频被触发加载 - >用户点击其他视频缩略图 - >视频加载到位。

这绝对可以优化/清理,但这应该是一个很好的起点。

答案 1 :(得分:0)

结帐videolightbox ..

它有各种各样的视频播放器风格,可能你正在寻找mac风格。

易于实施,也适用于移动设备。

OR

还有像sublimevideo

这样的旧品质视频播放器

实际上我推荐sublimevideo因为它比其他所有视频播放器都具有更高的质量,并且有分析页面显示有多少人观看了你的视频。