html video标签用法
HTML5的video标签是用于在网页中嵌入视频的一种简单方法，它可以播放多种格式的视频文件，如MP4、WebM和Ogg等，要使用video标签播放视频，你需要遵循以下步骤：
1、引入video标签
在HTML文件中引入video标签，将以下代码添加到HTML文件的<body>部分：
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
这里，我们设置了video标签的宽度和高度为320x240像素，并添加了controls属性，以便用户可以控制视频的播放、暂停和音量等。
2、添加视频源文件
接下来，我们需要为video标签添加视频源文件，在上面的代码中，我们已经添加了两个源文件：一个MP4格式的视频文件（movie.mp4）和一个Ogg格式的视频文件（movie.ogg），这两个文件应该与HTML文件位于同一目录下。
如果用户使用的浏览器不支持MP4或Ogg格式的视频文件，那么将显示“您的浏览器不支持Video标签。”这段文字。
3、添加其他格式的视频源文件
为了确保更多的用户能够观看视频，你可以添加其他格式的视频源文件，你可以添加一个WebM格式的视频文件（movie.webm）：
<source src="movie.webm" type="video/webm">
现在，你的video标签应该包含以下三个源文件：
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> 您的浏览器不支持Video标签。 </video>
4、测试视频播放
保存HTML文件，然后在浏览器中打开它，你应该能看到一个带有播放、暂停和音量控制的播放器，点击播放器中的播放按钮，视频应该开始播放。
注意：如果你在本地计算机上运行HTML文件，可能需要配置Web服务器才能正确加载视频文件，你可以使用简单的Python Web服务器来解决这个问题，在命令行中，导航到包含HTML文件的目录，然后运行以下命令：
python m SimpleHTTPServer 8000
这将在端口8000上启动一个简单的Web服务器，在浏览器中输入http://localhost:8000，你应该能看到视频播放器和视频内容。
5、响应式视频布局
为了使视频在不同设备和屏幕尺寸上都能正常播放，我们可以使用CSS来创建响应式视频布局，我们可以设置一个最大宽度，并在较小的屏幕上隐藏控制器：
<style>
video {
maxwidth: 100%;
height: auto;
}
</style>
现在，当用户在较小的屏幕上查看页面时，视频将占据整个屏幕宽度，而控制器将被隐藏，你还可以添加其他CSS样式来自定义视频播放器的外观和行为。
HTML5的video标签提供了一种简单的方式来在网页中嵌入视频，通过添加适当的视频源文件和设置一些基本属性，你可以创建一个功能齐全的视频播放器，你还可以使用CSS来创建响应式视频布局，以确保视频在不同设备和屏幕尺寸上都能正常播放。
