在html5中显示mp4视频

时间:2011-12-07 21:45:02

标签: html5 video mp4

我正在尝试使用html5而不是那些古老可怕的嵌入/对象内容来获取我的网站。我将html导出到test page

它在Firefox或Chrome(在Mac上)对我不起作用。以下是此页面上的好东西:

<video width="500" height="350" controls="controls">
    <source src="/temp/output.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" standby="video loading" scale="aspect" HEIGHT="350" WIDTH="500" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
        <PARAM NAME="src" VALUE="/content/preview/350/aerial-tour-of-thebes-ramusseum.mov" >
        <PARAM NAME="autoplay" VALUE="true" >
        <param name="controller" value="true"><param name="loop" value="true">
        <param name="scale" value="aspect"/>
        <EMBED scale="aspect" HEIGHT="350" WIDTH="500" TYPE="video/quicktime" PLUGINSPAGE="http://www.apple.com/quicktime/download/" SRC="/content/preview/350/aerial-tour-of-thebes-ramusseum.mov" controller="true" loop="true" AUTOPLAY="true"/>
    </OBJECT>
</video>

两个问题:

  1. 这段代码有什么问题?我知道mp4是html5的有效格式,对吧?这是怎么回事?和
  2. 在没有支持的浏览器中,所有这些都不能很好地降级吗?我只看到一个带有x的灰色方框。它不应该执行object / embed东西并以过去的方式显示视频吗?

1 个答案:

答案 0 :(得分:2)

某些浏览器出于许可原因不支持MPEG4。这种格式已获得专利,因此这些浏览器的开发人员必须为其浏览器的每个用户购买专利许可证。

Firefox目前支持Ogg Theora和WebM。

这里有各种浏览器/操作系统的格式支持矩阵:

http://en.wikipedia.org/wiki/HTML5_video#Table