用于播放不同扩展名的视频文件的jQuery插件答案

【问题标题】：jQuery plugin for playing video files of different extension用于播放不同扩展名的视频文件的jQuery插件
【发布时间】：2012-10-27 12:06:58
【问题描述】：

我想知道一个插件，可以用来播放不同扩展名的视频文件。在这里，我从数据库中传递了一个视频文件路径。我很困惑，从未使用过这个..

我已经尝试过<embed>，但它对我不起作用。

<embed id="ShowVideo" allowscriptaccess="always"
    autostart="false" src="@viewVideo" controller="true" 
    allowfullscreen="true" width="280" wmode="transparent" height="200">
</embed>

提前致谢

【问题讨论】：

视频有哪些格式？您是否有权访问视频文件并且可以在必要时对其重新编码？

标签： jquery asp.net-mvc jquery-plugins

【解决方案1】：

试试http://flowplayer.org/

这是一个很棒的播放器，有很多自定义选项

【讨论】：

这对于“不同的扩展”可能根本没有帮助，因为 Flowplayer 只支持 MP4、WEBM 和 OGG 格式。
html5 无法支持其他格式，flowplayer 包含用于其他格式（如 flv）的备用 flashplayer
...留下 wmv、mov、mpeg、avi 和所有其他可能的格式。该问题从未指定视频的格式或 HTML5 作为要求。

【解决方案2】：

对embed 标签的支持有限，最初是Netscape video 标签，但今天所有现代浏览器都支持object 标签。如果您打算播放支持 HTML5 的视频，您应该使用 video 标签。

您可以通过文件扩展名确定视频是否为 HTML5 支持的格式并显示支持的标签：

HTML5 视频

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
</video>

对于其他格式：对象（包含嵌入以与 Netscape 兼容）

<object data="movie.wmv" width="320" height="240">
  <embed src="movie.wmv" width="320" height="240">
</object>

为了最大限度地支持 HTML5 视频的浏览器：将两者结合起来

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.mp4" width="320" height="240">
  </object> 
</video>

【讨论】：