html5 添加视频-如何在 HTML5 中添加视频

如何在 HTML5 中添加视频

许多时尚网站都提供视频。 HTML5 提供了显示视频的标准。

检查您的浏览器是否支持 HTML5 视频:

网络上的视频

到目前为止html5 添加视频,还没有专门用于在网页上显示视频的标准。

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

HTML5 指定了通过 video 元素包含视频的标准方法。

视频格式

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

格式

IE

火狐浏览器

歌剧

铬合金

苹果浏览器

奥格

html5移动开发视频教程_html5 添加视频_兄弟连html5视频教程介绍

3.5+

10.5+

5.0+

MPEG4

9.0+

5.0+

html5移动开发视频教程_兄弟连html5视频教程介绍_html5 添加视频

3.0+

网络管理

4.0+

10.6+

6.0+

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

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

html5移动开发视频教程_兄弟连html5视频教程介绍_html5 添加视频

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

怎么运行的

要以 HTML5 格式显示视频,您需要做的是:

复制代码

controls 属性用于添加播放、暂停和音量控件。

包含长度和高度属性也是一个好主意。

和 之间插入的内容适用于不支持 video 元素的浏览器:

例子

您的浏览器不支持视频标签。

复制代码

里面的例子使用Ogg文件html5 添加视频,适用于Firefox、Opera和Chrome浏览器。

要使用 Safari,视频文件必须是 MPEG4 类型。

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

例子

您的浏览器不支持视频标签。

复制代码

Internet Explorer 8 不支持视频元素。 在IE9中,将提供对使用MPEG4的视频元素的支持。

HTML教程,html5视频添加教程,html5教程