如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
video标签使用方法
来源：互联网
2023-03-16 19:12:48 467
video标签时用来定义视频的一个html标签,下面就跟着小编一起来学习下video标签的使用方法!
工具/原料
- Sublime编辑器,浏览器
方法/步骤
在文件夹下面新建一个txt文档，将txt文档修改成“index.html”的html文件，将一个视频文件放在同文件夹下。
将“index.html”文件用编辑器打开，写入html5标准代码，代码如下。
在“body”标签下新建一个“video”标签，将视频文件引入。
为“video”标签定义视频播放器的宽度和高度，同时显示视频播放按钮（controls）。
将html文件用浏览器打开，查看视频效果。效果如下，我们就完成了video标签的基础使用。
由于有的浏览器不支持部分视频格式，我们可以用source引用多个视频，这样能够更好的提升用户体验度。
除了以上的用法，video的“autoplay”属性定义了视频加载后立即播放，“loop”属性定义了视频播放完成后继续重新开始播放等等，更深入的学习建议多看看html5参考手册。
注意事项
- 遇到浏览器不支持视频播放格式的时候尝试用source多引用几个视频格式的文件。
- 以上为小编平时使用video总结，希望对你有所帮助。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)