jQuery插件用于HTML5视频播放?

8

我正在寻找一个好的jQuery插件,可以播放HTML5视频,并具有优雅的回退到Flash(以及可能进一步回退到默认系统播放器等)。我已经搜索过谷歌,但没有找到完全符合我的要求的东西。有什么建议吗?

3个回答

10
为什么需要插件?写div需要插件吗?操作DOM需要插件吗?HTML5视频和音频元素的整个重点在于它们是内置的!您可以使用jQuery将容器的innerHTML设置为普通的<video>标记。如果您担心回退,那么如果您尝试在JS中执行此操作,您将遇到绝对的噩梦。您真的有信心JS足够了解平台、编译选项、浏览器使用情况等内容,以确定支持哪些编解码器吗?
任何解决方案都必须利用内置的<video>回退机制,该机制旨在为您完成所有工作。
正确使用语法的教程称为Video for Everybody。可以通过服务器端回显该代码,也可以使用JS将其设置为innerHTML,并且在每个浏览器上都可以正常工作,包括iPhone和Flash回退。
请注意,如果选择使用JS生成视频元素,则会使其无意中防止在RSS中显示为附件。
链接的页面还引用了其他相同想法的实现。但是,任何需要JS的东西都立即可疑,因为它更可能破坏事物,而不是按照预期使用内置的视频支持。(另一方面,使用JS提供漂亮的主题控件来控制视频完全符合预期;只是将视频元素放置在页面上使用它是一个不好的想法,因为它太容易破裂。)
如果您必须使用JS来自定义控件(例如使用自己的图像作为播放/暂停按钮等),请在页面上生成带有控件选项的视频元素(如果需要,请查看文档),然后一旦确定客户端已经获得了可以正确驱动视频的JS解决方案,就取消控件设置。这样做可以使内容更加通俗易懂。您明白吗?

等一下,你不需要一个 flash api 的插件吗?video.play() 在 flash 上不会工作,除非加入更多的代码。 - Mark

3

尚未发布,但看起来很有前途。 - ryanulit
最终因为它还没有发布。我不确定这是否是jQuery,但是请注意,这是真实的。它在iPad + iPhone上返回到普通视频播放器。它具有Flash模式等功能。 - Kyle Hotchkiss

1

最近我开始寻找这样的解决方案,发现了 jPlayer,它是一个支持 HTML5 和 Flash 回退播放功能的视频/音频播放器。它还允许进行 CSS 皮肤定制以自定义控件和容器。

http://www.jplayer.org/


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接