视频属性规范:

HTML5 视频标签可以有许多属性来控制控件的外观和各种功能:

  • src 此属性是可选的,要嵌入的视频的 URL;您可以改为使用视频块中的 <source> 元素来指定要嵌入的视频
  • autoplay 如果指定了这个布尔属性,视频将自动开始播放,而不会停止加载数据。
  • autobuffer 如果指定了这个布尔属性,视频将自动开始缓冲,即使它没有设置为自动播放。
  • loop 如果指定此布尔属性,它将允许视频在到达结尾后自动回溯到开头。
  • controls 如果存在此属性,它将允许用户控制视频播放,包括音量、搜索和暂停/恢复播放。
  • preload 此属性指定视频将在页面加载时加载并准备运行。如果存在自动播放,则忽略。
  • poster 此属性是在用户播放或者搜索之前要显示的图像的 URL。
  • width 此属性指定视频显示区域的宽度,以 CSS 像素为单位。
  • height 此属性指定视频显示区域的高度,以 CSS 像素为单位。

HTML5视频标签

  • <Video>定义视频或者电影。
  • <source>为媒体元素定义多个媒体资源,例如<video>和<audio>。
  • <track>在媒体播放器中定义文本曲目。

我们可以使用<源>标记来指定媒体以及媒体类型和许多其他属性。
视频元素允许多个源元素和浏览器将使用第一个识别的格式:

<!DOCTYPE HTML>
<html>
<body>
<video width="300" height="200" controls autoplay>
   <source src="sample.mp4" type="video/mp4">
   <source src="sample.ogv" type="video/ogg">
   <source src="sample.webm" type="video/webm">
    Brower does not support video element
</video>
</body>
</html>

在HTML5中使用视频

最常用的视频格式是:

  • MPEG4:带有H.264视频编解码器和AAC音频编解码器的MPEG4文件
  • OGG:具有Thedora视频编解码器和Vorbis音频编解码器的OGG文件。
在 HTML5 中定义视频属性规范
日期:2020-04-11 23:04:04 来源:oir作者:oir