2010-04-13 45 views
8

我正在寻找一个好的jQuery插件,允许HTML5视频播放,并优雅地回退到Flash(还可能进一步默认系统播放器等)。我搜索了一下,但没有发现我一直在寻找的东西。有什么建议么?用于HTML5视频播放的jQuery插件?

回答

10

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

任何解决方案,您发现必须利用内置回退机制<视频>,它旨在为您做所有事情。

使用正确语法的教程称为Video for Everybody。可以在服务器端回显代码,也可以使用JS将其设置为innerHTML,并且所有浏览器(包括iPhone和Flash后备)都可以运行。

请注意,如果您选择使用JS生成视频元素,则不必要地阻止其显示为RSS中的附件。

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

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

这有道理吗?

+0

等一下,你不需要flash api的插件吗? video.play()不会在没有更多代码的情况下在flash上​​工作。 – Mark 2010-04-26 05:12:08

3
+0

为什么“最终”? – 2010-04-13 20:16:02

+0

尚未发布,但看起来很有希望。 – ryanulit 2010-04-13 20:19:18

+0

最终因为它尚未发布。我不是100%肯定这是jQuery,但是,男人,请留意,因为这是合法的。它回落到iPad + iPhone上的普通视频播放器。它有闪光灯模式等。 – 2010-04-13 20:40:56

1

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

http://www.jplayer.org/