首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >HTML视频播放器解决方案?

HTML视频播放器解决方案?
EN

Stack Overflow用户
提问于 2013-01-27 03:27:07
回答 1查看 2.3K关注 0票数 1

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

代码语言:javascript
复制
     'mpg':
     'mov': 
     'wmv':
     'rm':
     '3g2':
     '3gp':
     'm4v':
     'mp4':
     'asf':
     'asx':
     'avi':
     'flv':
     'srt':
     'swf':
     'vob':

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

我的问题是,什么是我创造一个html视频播放器最好的方式?

我是否选择HTML5 + object + embed方法(示例):

代码语言:javascript
复制
<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:

代码语言:javascript
复制
<iframe width="420" height="345"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>

冲击波:

代码语言:javascript
复制
<embed
width="420" height="345"
src="http://www.youtube.com/v/XGSy3_Czz8k"
type="application/x-shockwave-flash">
</embed>

我也在上面看到了这个例子,但不确定它是否好用:

代码语言:javascript
复制
<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>

更多信息在这里:videos.asp

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-27 03:44:22

列表中的大多数格式并不能在所有平台上工作。有些需要只能在特定平台上使用的插件。

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

你可以自己做这件事,也可以用像Z编码器这样的东西帮你做。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14544109

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档