zoukankan      html  css  js  c++  java
  • HTML5 视频(一)

    HTML5 提供了展示视频的标准

    今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。

    HTML5 规定了一种通过 video 元素来包含视频的标准方法。

    一、如何在html5中显示视频

    视频格式有限制:目前支持这三种格式

    Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

    MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

    WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <title></title>
        </head>
    
        <body>
            <video width="320" height="240" controls="controls">
                <source src="img/mov_bbb.ogg" type="video/ogg">
                <source src="img/mov_bbb.mp4"  type="video/mp4"> 
                Your browser does not support the video tag.
            </video>
        </body>
    
    </html>

    .ogg格式文件,适用于firefox、opera以及chrome浏览器。

    确保Safari浏览器,视频格式必须是MPEG4格式。

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

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

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

    2、在chrome中测试

    3、在IE9中测试

    4、在IE8中的情况

  • 相关阅读:
    拉格朗日插值
    文档 所有空格变为Tab
    windows 计算器
    map 结构体
    插入图片 图片地址
    扩展中国剩余定理
    欧拉定理、欧拉函数、a/b%c
    hdu1033Defragment
    Minimum Inversion Number_线段树||树状数组
    hdu1166敌兵布阵_线段树单点更新
  • 原文地址:https://www.cnblogs.com/chengxs/p/5869273.html
Copyright © 2011-2022 走看看