HTML5 Video

视频格式

实例

国内浏览器的支持情况

HTML5 Video

HTML5是近十年来Web标准最巨大的飞跃。HTML5并非仅仅用来表示Web 内容，它也将Web带入一个成熟的应用平台，在这个平台上，视频，音频，动画，以及同电脑的交互都被标准化。随着HTML5的发展，各个浏览器都已经或即将支持HTML5。在大潮流的推动下，微软也表示将把HTML5作为IE9的核心，并将全力投入HTML5。

很多平时最喜欢上网看视频、玩游戏的朋友经常抱怨不爽，因为网上好多视频和游戏都需要安装Flash插件，并且速度也跟不上！HTML5的出现解决了这一难题。HTML5提供了音频视频的标准接口，实现了无需任何插件支持，只需浏览器支持相应的HTML5标签。怪不得都说HTML5是Flash的终结者！虽然Safari5、Firefox4和Chrome6等浏览器加入了HTML5技术，可以免除Flash插件的安装直接播放视频 ！

视频格式

当前，video 元素支持两种视频格式：

　IE 8　Firefox 3.5　Opera 10.5　Chrome 3.0　Safari 3.0

Ogg　
　√　√　√　

MPEG 4　
　
　
　√　√Ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件

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

实例

<video src="movie.ogg" width="320" height="240" controls="controls">Your browser does not support the video tag.</video>上面的例子使用一个 Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。

要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。

国内浏览器的支持情况

浏览器\\Video　Video(element)　src　controls　autoplay　poster　preload　loop　width　height

ie6　N　-　-　-　
　
　
　
　

ie7　N　-　-　-　
　
　
　
　

ie8　N　-　-　-　
　
　
　
　

ie9　Y　-　-　-　
　
　
　
　

360安全浏览器　N　-　-　-　
　
　
　
　

傲游2.X　N　-　-　-　
　
　
　
　

傲游3　Y　Y　Y　Y　
　
　
　
　

腾讯TT　N　-　-　-　
　
　
　
　

世界之窗　N　-　-　-　
　
　
　
　

FireFox3.5　Y　Y　Y　Y　
　
　
　
　

搜狗浏览器　N　N　-　-　
　
　
　
　

Chrome3.0　Y　Y　Y　Y　
　
　
　
　

Safari3.0　Y　Y　Y　Y　
　
　
　
　

oprea10.5　Y　Y　Y　Y　
　
　
　
　
　最近有网友使用IE内核浏览器登录优酷等视频网站观看视频时，视频窗口会出现“您的浏览器不支持html5 video ”的字样，视频无法观看，解决办法是下载一个由Christian Adams开发的IE浏览器插件刚刚出现，它可以帮助“老掉牙”的IE支持HTML5的<video>标签，像Google Chrome, Firefox, Safari和Opera一样能够播放HTML5视频。下载地址见参考资料里的链接