如何使用HTML5视频标签播放本地「硬盘」视频文件？
HTML5引入了新的标签来处理多媒体元素，这其中包括视频和音频。使用HTML5视频标签可以将视频文件嵌入到网页中进行播放。使用HTML5视频标签还可以比以往更加精确地控制视频的播放、暂停、快进和快退等等。
HTML5视频标签的使用
在HTML5中，使用视频标签（video）来实现视频的播放。下面是视频标签的基本语法：
<video src="video.mp4"></video>这里的“src”指定了视频的源文件，即视频文件的文件名，后缀名通常是“.mp4”或“.webm”。当浏览器无法播放给定的视频文件时，可以在video标签之间提供替代内容，例如文本信息、图片或其他元素。这个替代内容将被用户代理（即浏览器）用于无法播放给定的视频文件的情况。
可以使用video标签的属性来控制视频的自动播放、循环播放、控件显示、播放速度、视频大小等等。下面是一些常用的属性：
- autoplay：指定是否自动播放视频，其属性值可以为“autoplay”或“autostart”；
- controls：指定是否显示视频控件，其属性值可以为“controls”；
- loop：指定是否循环播放视频，其属性值可以为“loop”或“true”；
- muted：指定视频是否静音播放，其属性值可以为“muted”或“true”；
- poster：指定视频封面的URL；
- preload：指定浏览器是否加载视频文件，其属性值可以为“auto”、“metadata”、“none”；
- width/height：指定视频的宽度和高度，可以使用百分比或像素值。
使用HTML5视频标签播放本地视频文件
要在网页中使用HTML5视频标签播放本地视频文件，首先需要确保提供给视频标签的视频文件在网站的服务器根目录下。使用video标签的src属性将视频文件链接到视频标签。完整的HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<title>播放本地视频文件</title>
</head>
<body>
<video src="video.mp4" width="640" height="360" controls></video>
</body>
</html>
在这个例子中，video标签中使用了src属性将视频文件链接到视频标签，并设置了控件的显示。当用户在播放视频时，视频控件就显示在屏幕上。
视频与媒体类型
HTML5视频标签支持几种不同的媒体类型。要确保浏览器可以正确处理特定视频格式的媒体类型，可以使用视频标签的type属性。例如，如果要使用H.264 / MP4格式进行视频编码，则应该使用以下代码：
<video controls width="640" height="360">
<source src="video.mp4" type="video/mp4">
</video>
在这个例子中，我们使用source（源）标签来指定视频源和媒体类型。在这种情况下，我们使用了“video/mp4”媒体类型，以确保浏览器可以正确解读视频。
可以使用多个source标签来支持多个不同的媒体类型。例如，以下代码演示了如何为H.264 / MP4格式和WebM格式提供视频：
<video controls width="640" height="360">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
</video>
在这个例子中，我们使用了两个source标签来提供H.264 / MP4格式和WebM格式的视频。如果浏览器不支持一个媒体类型，它将自动回退到下一个媒体类型。
视频编码和压缩
在将视频文件添加到网站之前，需要先进行视频编码和压缩。视频编码是将原始视频数据转换为数字形式的过程，这样就可以在浏览器中播放它们。视频压缩是将视频文件的文件大小减小，以便更快地加载它们。以下是一些常用的视频编码和压缩工具：
- FFmpeg：FFmpeg是一个跨平台的开源视频编码器和解码器，可以处理大量不同的视频和音频格式。
- Handbrake：Handbrake是另一个免费的开源视频转换器，它支持多种格式和编码选项。
- Adobe Media Encoder：Adobe Media Encoder是Adobe Creative Cloud套件的一部分，提供了高质量的视频编码和转换功能。
HTML5视频标签的浏览器兼容性
HTML5视频标签在大多数现代浏览器中都得到了良好的支持，但在某些较早的浏览器中可能存在问题。为了确保在所有浏览器中均可播放视频，可以尝试一些跨浏览器的解决方案，例如使用Flash插件，为较早的浏览器提供替代内容等。
总结
通过使用HTML5视频标签，可以轻松地将本地和在线视频文件添加到网站中。使用video标签的各种属性，可以轻松控制视频的播放、大小、速度、自动播放等。要确保浏览器能够正确解析和播放视频，需要使用正确的视频编码和媒体类型，并测试HTML5视频标签的浏览器兼容性。