HTML5提供了<video>标签,用于在网页上嵌入视频内容。这个标签让你能够轻松地在不使用插件的情况下播放视频。

以下是一个简单的<video>标签的例子:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML5 Video示例</title>
</head>
<body>

<video width="640" height="360" controls>
  <source src="example.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

</body>
</html>

在这个例子中,<video>元素有两个主要属性:
  •  width 和 height:定义了视频播放区域的宽度和高度。

  •  controls:添加了视频控制条,包括播放、暂停、音量和进度条等。


在<video>标签的内部,使用了<source>标签来指定视频文件的来源和类型。在上述例子中,视频文件的来源是example.mp4,并指定了文件类型为video/mp4。如果浏览器不支持MP4格式,你可以添加多个<source>元素,以提供其他格式的备选项。

最后,如果浏览器不支持<video>标签,会显示"Your browser does not support the video tag.",提醒用户可能需要升级浏览器或使用其他支持HTML5的浏览器。

请确保你有适当的授权来使用视频文件,并选择常见的视频格式以确保广泛的浏览器兼容性。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3787/HTML5