首页 > Web开发 > 详细

HTML5 视频

时间:2016-09-13 18:58:43      阅读:202      评论:0      收藏:0      [点我收藏+]

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中的情况

技术分享

 

HTML5 视频

原文:http://www.cnblogs.com/chengxs/p/5869273.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!