以下是一个简单的<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.zyzy.cn/article/detail/3787/HTML5