本文介绍了在HTML中使用video标签插入视频，并详细讲解了几个关键属性，如class用于样式调整，src指定视频链接，controls提供用户控制播放的功能，autoplay实现自动播放。同时，讨论了如何调整视频尺寸以适应全屏，并提及了使视频在页面中居中的CSS技巧。请注意，自动播放可能需要根据浏览器设置进行调整。
直接进入正题：
关于视频的插入可使用 video标签
如下图
简单介绍下用到的几个属性
class定义了video类 在style中调整这个类的长度和高度属性；
src处引入视频的链接；
controls属性：允许用户控制视频的播放，包括音量，跨帧，暂停/恢复播放；
autoplay属性：让视频可以自动播放；
还有一些关于视频在网页中位置的调整
要满屏的话可将height和width调整为100%（下图以500px为例）
视频要居中或者置后的操作可在body标签中添加text-align:center（end），不过这个是将整个body部分全部居中(置后)了；
当然关于自动播放需要自行调节一下浏览器的设置，具体操作步骤可参考上一篇文章(10条消息) 关于如何在html网页中插入可以自动播放的背景音乐_Davis-plus的博客-CSDN博客
https://blog.csdn.net/m0_74191800/article/details/130778263?spm=1001.2014.3001.5501
扫一扫
3262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
