HTML5 视频（一）

HTML5 提供了展示视频的标准

插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。

方法。

显示视频

支持这三种格式

文件

<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;head</span><span style="color: #0000ff;"&gt;></span>
    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> </span><span style="color: #ff0000;"&gt;charset</span><span style="color: #0000ff;"&gt;="utf-8"</span> <span style="color: #0000ff;"&gt;/></span>
    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;title</span><span style="color: #0000ff;"&gt;></</span><span style="color: #800000;"&gt;title</span><span style="color: #0000ff;"&gt;></span>
<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;head</span><span style="color: #0000ff;"&gt;></span>

<span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;body</span><span style="color: #0000ff;"&gt;></span>
    <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;video </span><span style="color: #ff0000;"&gt;width</span><span style="color: #0000ff;"&gt;="320"</span><span style="color: #ff0000;"&gt; height</span><span style="color: #0000ff;"&gt;="240"</span><span style="color: #ff0000;"&gt; controls</span><span style="color: #0000ff;"&gt;="controls"</span><span style="color: #0000ff;"&gt;></span>
        <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;source </span><span style="color: #ff0000;"&gt;src</span><span style="color: #0000ff;"&gt;="img/mov_bbb.ogg"</span><span style="color: #ff0000;"&gt; type</span><span style="color: #0000ff;"&gt;="video/ogg"</span><span style="color: #0000ff;"&gt;></span>
        <span style="color: #0000ff;"&gt;<</span><span style="color: #800000;"&gt;source </span><span style="color: #ff0000;"&gt;src</span><span style="color: #0000ff;"&gt;="img/mov_bbb.mp4"</span><span style="color: #ff0000;"&gt;  type</span><span style="color: #0000ff;"&gt;="video/mp4"</span><span style="color: #0000ff;"&gt;></span><span style="color: #000000;"&gt; 
        Your browser does not support the video tag.
    </span><span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;video</span><span style="color: #0000ff;"&gt;></span>
<span style="color: #0000ff;"&gt;</</span><span style="color: #800000;"&gt;body</span><span style="color: #0000ff;"&gt;></span>

文件，适用于firefox、opera以及chrome浏览器。

写了两个，浏览器将使用第一个可识别的格式，如果都不识别的话，就只能显示”Your browser does not support the video tag.

注意：Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。

附录：1、在Hbuilder中的文件样式

原文链接：https://www.f2er.com/html5/73146.html

猜你在找的HTML5相关文章