HTML视频播放器解决方案？答案

【问题标题】：HTML video player solution?HTML视频播放器解决方案？
【发布时间】：2013-01-27 03:27:07
【问题描述】：

我想创建一个能够播放这些视频文件的视频播放器：

     'mpg':
     'mov': 
     'wmv':
     'rm':
     '3g2':
     '3gp':
     'm4v':
     'mp4':
     'asf':
     'asx':
     'avi':
     'flv':
     'srt':
     'swf':
     'vob':

这些视频将用于在线考试，因为某些问题可能需要观看视频以获取信息。该视频需要在所有主要浏览器上运行。能够在电脑或ipad上工作。

我的问题是创建 html 视频播放器的最佳方式是什么？

我要不要选择 HTML5 + object + embed 方法（示例）：

<video width="320" height="240" 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.swf" width="320" height="240">
  </object> 
</video>

要包含其他文件类型，我是否只需包含更多 <embed> 标签来支持这些文件？

或者是使用Youtube播放器的最佳方式，即：

IFRAME：

<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

或

冲击波：

<embed
width="420" height="345"
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash">
</embed>

我也在 SO 上看到了这个例子，但不确定它是否好用：

<object id='tempVid1' name="emQTPlayer" height="240px"
                    width="320px" style="behavior: url(#BinaryBehaviorID)"
                    codebase="http://www.apple.com/qtactivex/qtplugin.cab"
                    classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B">
                    <param name="autoplay" value="false" />
                    <param name="src"
                        value="" />
                    <param name="controller" value="true" />
                    <param name="type" value="video/quicktime" />
                    <param name="align" value="bottom" />
                    <param name="border" value="0" />
                    <param name="scale" value="tofit" />
                    <%--                                    <param name="wmode" value="transparent">--%>
                    <param name="showcontrols" value="true">
                    <embed id='tempVid2' name="emQTPlayer" type="video/quicktime"
                        autoplay="false" height="auto" width="auto" align="top"
                        border="0" controller="true" postdomevents="true"
                        pluginspage="http://www.apple.com/quicktime/download/"
                        showcontrols="true" scale="tofit"
                        src='' />
                </object>

【问题讨论】：

我将发布一个关于音频的类似问题作为一个单独的问题。当该问题打开时，我将在评论中提供此链接

标签： javascript html video browser html5-video

【解决方案1】：

您列表中的大多数格式不适用于所有平台。有些需要仅在特定平台上可用的插件。

您需要转换为 h.264 mp4 文件 + 另一个（ogg 或 webm，除非您可以使用 flash 播放 mp4 文件）。

您可以自己执行此操作，或使用Zencoder 之类的方式为您执行此操作。

【讨论】：