html5当中支持的视频格式 html5支持视频格式

来自http://www.w3school.com.cn

Web上的视频

直到现在,仍然不存在一项旨在网页上显示视频的标准。

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

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

视频格式

当前,video元素支持三种视频格式:

格式IEFirefoxOperaChromeSafari
OggNo3.5+10.5+5.0+No
MPEG 49.0+NoNo5.0+3.0+
WebMNo4.0+10.6+6.0+No

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

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

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

如何工作

如需在 HTML5中显示视频,您所有需要的是:

TIY

contr ol属性供添加播放、暂停和音量控件。

包含宽度和高度属性也是不错的主意。

与 之间插入的内容是供不支持video 元素的浏览器显示的:

实例

Your browser does not support the video tag.

TIY

上面的例子使用一个 Ogg文件,适用于Firefox、Opera 以及 Chrome 浏览器。

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

video 元素允许多个source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:

实例

    Your browser does not support the video tag.

TIY

InternetExplorer

InternetExplorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。

标签的属性


html5当中支持的视频格式 html5支持视频格式
属性描述
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
heightpixels设置视频播放器的高度。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
preloadpreload

如果出现该属性,则视频在页面加载时进行加载,并预备播放。

如果使用"autoplay",则忽略该属性。

srcurl要播放的视频的 URL。
widthpixels设置视频播放器的宽度。

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/229529.html

更多阅读

怎样保存刚在网页上看的视频 怎么保存网页上的视频

怎样保存刚在网页上看的视频——简介我们有时会在网上看到对我们很有用的视频,可是有的时候网站却不支持下载或者必须安装特定软件下载,下面一种方法不需要任何软件就可以保存下来怎样保存刚在网页上看的视频——工具/原料电脑怎样

如何下载CCTV的视频?下载CCTV视频? 如何下载cctv上的视频

如何下载CCTV的视频?下载CCTV视频?——简介现在CCTV上面还是有很多比较好看的节目的;虽然有官方的CNTV可以看在线视频;也可以在线点播回放;但是却不支持离线观看;也就是说你没有办法吧CCTV上的视频下载到本地等有空的时候在来看;所以今天

怎样把RMVB格式的视频转换成MP4格式 rmvb视频格式转换器

我们下载了一些RMVB格式的电影!但是我们想在自己的手机上看!可是我的手机不支持RMVB格式的的电影啊!现在我们就可以用格式工厂来把这些视频转换成MP4的吧!这样我们就能在手机上看这些视频了!怎样把RMVB格式的视频转换成MP4格式——工具

如何在ipad上播放RMVB格式的视频文件 ipad rmvb 可以播放吗

如何在ipad上播放RMVB格式的视频文件——简介 iPad具备优秀的娱乐影音功能及便携性著称。iPad在视频播放功能上保持领先地位,支持了当下流行的1280*720,即720P高清视频,乃至于1920*1080全高清。但ipad对视频有严格的限制,不符合要求的话

声明:《html5当中支持的视频格式 html5支持视频格式》为网友后备爱人分享!如侵犯到您的合法权益请联系我们删除