html5播放器代码
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video Player</title>
<style>
video {
width: 100%;
height: auto;
}
</style>
</head>
<body>
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
下面是对这段代码的详细解释：
<!DOCTYPE html>：这是 HTML5 的文档类型声明，告诉浏览器这是一个 HTML5 文档。
<html>：HTML5 文档的根元素。
<head>：文档头部，用于包含文档的元数据，如标题、样式表、脚本等。
<title>：文档标题，显示在浏览器的标题栏中。
<style>：用于定义文档的样式。
video：HTML5 新增的视频标签，用于在网页中嵌入视频。
width 和 height：视频的宽度和高度，这里设置宽度为 100%，高度自适应。
controls：视频控制条，包括播放、暂停、音量、全屏等功能。
<source>：用于指定视频的源文件，可以指定多个不同格式的视频文件，浏览器会自动选择支持的格式进行播放。
type：指定视频文件的 MIME 类型，告诉浏览器如何解析视频文件。
Your browser does not support the video tag.：如果浏览器不支持 HTML5 视频标签，会显示这段文本。
</video>：视频标签的结束标记。
</body>：文档的主体部分结束标记。
</html>：HTML5 文档的结束标记。
