HTML |

简介

HTML5 中引入了新的视频标签 <video>，它使得在 HTML 中嵌入视频变得容易且无需使用外部插件（如 Flash Player）。 <video> 标签为嵌入视频提供了一种简单但强大的方法。

<video> 标签的工作原理是播放由 URL 引用的视频文件，在该标签内部定义视频文件所需的各种选择项和设置。

属性

<video>标签有多个属性，这里我们主要介绍其中的一些重要属性。

src

src 属性指定嵌入的视频的 URL 地址。

<video src="movie.mp4">

controls

controls 属性指定是否应在视频输出中显示控件，如播放/暂停按钮，音量控制等。

<video src="movie.mp4" controls>

width 和 height

width 和 height 属性指定视频播放器的宽度和高度。如果未使用这些属性，则视频播放器的默认尺寸为 300 像素宽和 150 像素高。

<video src="movie.mp4" width="320" height="240">

poster

poster 属性指定在视频加载之前要显示的图像的 URL。

<video src="movie.mp4" poster="screenshot.jpg">

autoplay

autoplay 属性指定视频加载后是否自动开始播放。

<video src="movie.mp4" autoplay>

loop

loop 属性指定视频应该循环播放。

<video src="movie.mp4" loop>

preload

preload 属性指定视频是否应该在页面加载时预加载。 如果使用 autoplay 属性，则该属性被忽略。

<video src="movie.mp4" preload="metadata">

结论

<video> 标签提供了一种简单而强大的方式来在网页中嵌入视频。通过使用上述属性，可以控制视频的加载和播放方式，以方便用户浏览和操作。