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 – - – … Read More…
