用于HTML5视频播放的jQuery插件?

时间:2010-04-13 20:13:34

标签: jquery html flash video html5

我正在寻找一个好的jQuery插件,允许HTML5视频播放,优雅地回退到Flash(可能还有默认的系统播放器等)。我用Google搜索了,但我发现的一切都不是我想要的。有什么建议吗?

3 个答案:

答案 0 :(得分:10)

为什么需要插件?你需要一个插件来写一个div吗?你需要一个插件来操纵DOM吗? HTML5视频和音频元素的重点在于它们是内置的!您可以使用jQuery将容器的innerHTML设置为普通的< video>标签。如果你担心后退,如果你试图在JS中做到这一点,你将有一个绝对的噩梦。你是否真的有信心JS能够充分猜测平台,编译浏览器使用的选项等等,以确定支持哪些编解码器?

您找到的任何解决方案必须利用< video>的内置回退机制,该机制旨在为您完成所有工作。

使用正确语法的教程称为Video for Everybody。要么回显代码服务器端,要么使用JS将其设置为innerHTML,一切都适用于每个浏览器,包括iPhone和Flash后备。

请注意,如果您选择使用JS生成视频元素,则会毫无疑问地阻止它在RSS中显示为附件。

链接的页面也引用了同一想法的其他实现。任何需要JS的东西都会立即被怀疑,因为它比使用预期的内置视频支持更容易破坏。 (另一方面,使用JS为视频提供漂亮的可控制控件完全符合预期;使用它将视频元素放在页面上是一个坏主意,因为它太容易破损。)

如果必须将JS用于自己的自定义控件(使用自己的图像作为播放/暂停按钮等),请在页面上生成带有控件选项集的视频元素(如果documentation,请检查{{3}}一旦你知道客户端有一个可以正确驱动视频的JS解决方案,那么就取消设置控件。

这有意义吗?

答案 1 :(得分:3)

答案 2 :(得分:1)

我刚刚开始寻找这样的解决方案,并发现jPlayer是一个支持HTML5和Flash播放后备功能的视频/音频播放器。它还允许CSS皮肤定制您的控件和容器。

http://www.jplayer.org/