HTML 5视频

w3school教程

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

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

到目前为止，还没有在网页上显示视频的标准.

如今，大多数视频都是通过插件（例如Flash）显示的. 但是，并非所有浏览器都具有相同的插件.

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

当前html5 mp4播放器，视频元素支持三种视频格式:

设置IEFirefoxOperaChromeSafari格式

10.5 +

MPEG 4

10.6 +

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

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

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

要显示HTML5视频，您需要做的是:

<video src="movie.ogg" controls="controls">
</video>

TIY

The

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

包括width和height属性也是一个好主意.

在

<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

TIY

上面的示例对Firefox，Opera和Chrome浏览器使用Ogg文件.

为确保可与Safari浏览器一起使用，视频文件必须为MPEG4类型.

视频元素允许多个源元素. 源元素可以链接不同的视频文件. 浏览器将使用第一种公认的格式:

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

TIY

Internet Explorer 8不支持video元素. 在IE 9中，将提供对使用MPEG4的视频元素的支持.

属性描述描述

自动播放

自动播放

如果显示此属性，则视频将在准备就绪后立即播放.

控件

控件

如果出现此属性html5 mp4播放器，则向用户显示控件，例如播放按钮.

设置视频播放器的高度.

如果显示此属性，则媒体文件将在播放完毕后再次开始播放.

预载

如果显示此属性，则将在页面加载并准备播放时加载视频.

如果使用“自动播放”，则忽略此属性.

要播放的视频的网址.

设置视频播放器的宽度.

参考手册: HTML 5

W3School简体中文版提供的内容仅用于培训和测试，并不保证内容的正确性. 与使用本网站内容相关的风险与本网站无关. 保留所有权利.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-165078-1.html