HTML 视频
以 HTML 格式创建视频
在 HTML5 规范出现之前,视频只能在带有插件(例如 Flash)的网络浏览器中播放。
HTML5 元素 <video>
вказує стандартний спосіб вбудовування відео на вебсторінку.
浏览器支持
表中的数字表示支持该元素的浏览器的第一个版本 <video>
.
Елемент | |||||
---|---|---|---|---|---|
<video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 元素<video>
要以 HTML 格式显示视频,请对元素进行 vikorize <video>
:
屁股
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持视频标签。
</video>
自己尝试一下»
它是如何工作的
Атрибут controls
додає елементи керування відео, такі як відтворення, призупинення та рівень звуку.
Рекомендується завжди включати атрибути width
та height
。 如果不指定高度和宽度,播放视频时边可能会移动。
Елемент <source>
允许您指定浏览器可以选择的替代视频。 浏览器vikorystuvatime首先识别格式。
标签之间的文本 <video>
та </video>
буде відображатися лише у браузерах, які не підтримують елемент <video>
.
HTML<video> 年度
要使视频自动开始播放,请选择属性 autoplay
:
屁股
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持视频标签。
</video>
自己尝试一下»
自动播放功能不适用于移动设备,例如 iPad 和 iPhone。
HTML 视频 - 浏览器支持
HTML5 支持三种视频格式:MP4、WebM 和 Ogg。
支持不同格式的浏览器:
浏览器 | MP4 | WebM | 奥格 |
---|---|---|---|
IE浏览器 | 是的 | 不 | 不 |
铬合金 | 是的 | 是的 | 是的 |
火狐 | 是的 | 是的 | 是的 |
苹果浏览器 | 是的 | 不 | 不 |
歌剧 | 是(来自 Opera 25) | 是的 | 是的 |
HTML 视频 - 媒体类型
文件格式 | 媒体类型 |
---|---|
MP4 | 视频/mp4 |
WebM | 视频/webm |
奥格 | 视频/ogg |
HTML 视频 - 方法、格式和内容
HTML5 语法和 DOM 语法 <video>
.
这使您可以使视频变得迷人、创建和增强,并建立琐碎性和严肃性。
这就是为什么 DOM 会改变你的想法,比如创建可编辑的视频,并记录它们。
如需完整的 DOM 修订,请访问 HTML5 音频/视频 DOM 多维尼克 на нашому сайті W3Schools 乌克兰.
HTML5 视频标签
标签 | 描述 |
---|---|
<video> | 指视频或电影 |
<source> | 这意味着媒体元素的多媒体资源的多样性,例如<video>那<audio> |
<track> | 指示媒体播放器中的文本轨道 |