video标签使用方法

在文件夹下面新建一个txt文档，将txt文档修改成“index.html”的html文件，将一个视频文件放在同文件夹下。

将“index.html”文件用编辑器打开，写入html5标准代码，代码如下。

在“body”标签下新建一个“video”标签，将视频文件引入。

为“video”标签定义视频播放器的宽度和高度，同时显示视频播放按钮（controls）。

将html文件用浏览器打开，查看视频效果。效果如下，我们就完成了video标签的基础使用。

由于有的浏览器不支持部分视频格式，我们可以用source引用多个视频，这样能够更好的提升用户体验度。

除了以上的用法，video的“autoplay”属性定义了视频加载后立即播放，“loop”属性定义了视频播放完成后继续重新开始播放等等，更深入的学习建议多看看html5参考手册。

遇到浏览器不支持视频播放格式的时候尝试用source多引用几个视频格式的文件。

以上为小编平时使用video总结，希望对你有所帮助。