如何在 HTML5 中添加视频
许多时尚网站都提供视频。 HTML5 提供了显示视频的标准。
检查您的浏览器是否支持 HTML5 视频:
网络上的视频
到目前为止html5 添加视频,还没有专门用于在网页上显示视频的标准。
如今,大多数视频都是通过插件(例如Flash)来显示的。 然而,并非所有浏览器都具有相同的插件。
HTML5 指定了通过 video 元素包含视频的标准方法。
视频格式
目前,视频元素支持三种视频格式:
格式
IE
火狐浏览器
歌剧
铬合金
苹果浏览器
奥格
不
3.5+
10.5+
5.0+
不
MPEG4
9.0+
不
不
5.0+
3.0+
网络管理
不
4.0+
10.6+
6.0+
不
Ogg = 具有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4=具有H.264视频编码和AAC音频编码的MPEG4文件
WebM=带有VP8视频编码和Vorbis音频编码的WebM文件
怎么运行的
要以 HTML5 格式显示视频,您需要做的是:
复制代码
controls 属性用于添加播放、暂停和音量控件。
包含长度和高度属性也是一个好主意。
和 之间插入的内容适用于不支持 video 元素的浏览器:
例子
您的浏览器不支持视频标签。
复制代码
里面的例子使用Ogg文件html5 添加视频,适用于Firefox、Opera和Chrome浏览器。
要使用 Safari,视频文件必须是 MPEG4 类型。
video 元素允许多个源元素。 源元素可以链接不同的视频文件。 浏览器将使用第一个识别的格式:
例子
您的浏览器不支持视频标签。
复制代码
Internet Explorer 8 不支持视频元素。 在IE9中,将提供对使用MPEG4的视频元素的支持。
HTML教程,html5视频添加教程,html5教程
发表评论