如何播放视频与HTML5？ [英] How to play video with HTML5?

问题描述

视频无法播放：

 ＆LT; ASP：DataList控件ID =DL_Media=服务器＆GT;
    ＆LT;＆ItemTemplate中GT;
        ＆lt;视频SRC =windowsmedia.ogg控制=控制WIDTH =215HEIGHT =160＆GT;
            ＆LT;对象ID ='媒体播放器'WIDTH =215HEIGHT =160
                        CLASSID =CLSID：22d6f312-b0f6-11d0-94ab-0080c74c7e95
                        codeBase类=htt​​p://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701
                        待机=加载Microsoft Windows媒体播放器组件...
                        类型=应用程序/ x-OLEOBJECT＆GT;
                ＆LT; PARAM NAME =文件名价值=RES /文件/ test.wmv＆GT;
                ＆LT; PARAM NAME =animationatStartVALUE =真＆GT;
                ＆LT; PARAM NAME =transparentatStartVALUE =真＆GT;
                ＆LT; PARAM NAME =自动启动价值=真＆GT;
                ＆LT; PARAM NAME =showControlsVALUE =真＆GT;
                ＆LT; PARAM NAME =循环值=真＆GT;
            ＆LT; /对象＆gt;
        ＆LT; /视频＆GT;
    ＆LT; / ItemTemplate中＆GT;
＆LT; / ASP：DataList控件＆GT;
 

解决方案

确认您的浏览器兼容

首先，确保你正试图查看在浏览器支持HTML 5视频元素。

样品code

从开发者网站：Mozilla的采取耍赖

嵌入影片

 ＆lt;视频SRC =htt​​p://v2v.cc/~j/theora_testsuite/320x240.ogg控制＆GT;
  您的浏览器不支持的＆lt; code＆GT;影片版权＆lt; / code＆GT;元件。
＆LT; /视频＆GT;
 

嵌入有多个来源的视频

 ＆lt;视频控制＆GT;
  ＆lt;信源SRC =foo.oggTYPE =视频/ OGG＆GT;
  ＆lt;信源SRC =foo.mp4TYPE =视频/ MP4＆GT;
  您的浏览器不支持的＆lt; code＆GT;影片版权＆lt; / code＆GT;元件。
＆LT; /视频＆GT;
 

指定codeCS要求

 ＆lt;视频控制＆GT;
  ＆lt;信源SRC =foo.oggTYPE =视频/ OGG codeCS =狄拉克，Speex语音＆GT;
  您的浏览器不支持的＆lt; code＆GT;影片版权＆lt; / code＆GT;元件。
＆LT; /视频＆GT;
 

该网站上的其他样品包括<一个href=\"https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video#Stopping_the_download_of_media\"相对=nofollow>控制播放和<一个href=\"https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video#Fallback_options\"相对=nofollow>后备选项。

The video doesn't play:

<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>

解决方案

Make sure your browser is compatible

First, make sure the browser you are attempting to view in supports the HTML 5 video element.

Sample code

Taken shamelessly from the developer site at Mozilla:

Embedding a video

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

Embedding a video with multiple sources

<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>

Specifying codecs required

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

Other samples on the site include controlling playback and fallback options.

这篇关于如何播放视频与HTML5？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！