代码之家  ›  专栏  ›  技术社区  ›  Mike Trpcic

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

  •  8
  • Mike Trpcic  · 技术社区  · 15 年前

    我正在寻找一个很好的jquery插件,它允许HTML5视频播放,并优雅地回退到Flash(还有可能更进一步,到默认系统播放器等)。我在谷歌上搜索过,但我找的都不是我想要的。有什么建议吗?

    3 回复  |  直到 14 年前
        1
  •  10
  •   Nicholas Wilson    15 年前

    为什么你需要一个插件?你需要一个插件来写一个DIV吗?您需要一个插件来操作DOM吗?HTML5视频和音频元素的关键在于它们是内置的!您可以使用jquery将容器的innerhtml设置为普通的<video>标记。如果您担心回退,那么如果您尝试在JS中这样做,您将面临一个绝对的噩梦。您是否真的有信心JS能够对平台进行足够的猜测,编译浏览器使用的选项,等等,从而得出支持哪些编解码器?

    有什么解决办法吗 必须 利用<video>的内置回退机制,该机制旨在为您做任何事情。

    调用具有要使用的正确语法的教程 Video for Everybody . 要么回显服务器端的代码,要么使用JS将其设置为innerhtml,所有东西都可以在每个浏览器上工作,包括iPhone和Flash回退。

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

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

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

    这有道理吗?

        2
  •  3
  •   Kyle Hotchkiss    15 年前
        3
  •  1
  •   Keith Mayoral    14 年前

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

    http://www.jplayer.org/