如何使用HTML5播放视频？

Myworld 发表于 Dev

我的世界

该视频无法播放：

<asp:DataList ID="DL_Media" runat="server">
    <ItemTemplate>
        <video src="windowsmedia.ogg" controls="controls" width="215" height="160">
            <object id='mediaPlayer' width="215" height="160"
                        classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
                        codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
                        standby="Loading Microsoft Windows Media Player components..."
                        type="application/x-oleobject">
                <param name="fileName" value="res/Files/test.wmv" >
                <param name="animationatStart" value="true">
                <param name="transparentatStart" value="true">
                <param name="autoStart" value="true">
                <param name="showControls" value="true">
                <param name="loop" value="true">
            </object>
        </video>
    </ItemTemplate>
</asp:DataList>

和Esparza

确保您的浏览器兼容

首先，请确保您尝试查看的浏览器支持HTML 5 video元素。

样例代码

从Mozilla的开发人员网站上毫不客气地采取：

嵌入视频

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>
  Your browser does not support the <code>video</code> element.
</video>

嵌入具有多个来源的视频

<video controls>
  <source src="foo.ogg" type="video/ogg">
  <source src="foo.mp4" type="video/mp4">
  Your browser does not support the <code>video</code> element.
</video>

指定所需的编解码器

<video controls>
  <source src="foo.ogg" type="video/ogg; codecs=dirac, speex">
  Your browser does not support the <code>video</code> element.
</video>

该站点上的其他示例包括控制播放和后备选项。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。