网络零售商的终极网站
 HTML5。 入门的教训。  W3Schools 乌克兰语

西斯

HTML 视频


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 会改变你的想法,比如创建可编辑的视频,并记录它们。

示例:JavaScript 维基




视频取自 大雄兔.

自己尝试一下»

如需完整的 DOM 修订,请访问 HTML5 音频/视频 DOM 多维尼克 на нашому сайті W3Schools 乌克兰.


HTML5 视频标签

标签 描述
<video> 指视频或电影
<source> 这意味着媒体元素的多媒体资源的多样性,例如<video>那<audio>
<track> 指示媒体播放器中的文本轨道


评论