PHP外包开发服务网 » HTML5 Video视频技术

HTML5 Video视频技术

发布时间:十月 9th, 2010

  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 N - - -
360安全浏览器 N - - -
傲游2.X N - - -
傲游3 Y Y Y Y
腾讯TT N - - -
世界之窗 N - - -
FireFox Y Y Y Y
搜狗浏览器 N N - -
Chrome Y Y Y Y
Safari Y Y Y Y
oprea Y Y Y Y

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

文章统计
文章分类:经验分享
标签:
评论:评论关闭

评论已关闭

PHP外包开发服务网 苏ICP备09025214号 联系邮件:ask@china-php.com 返回顶部