首页 前端知识 如何在html网页中插入视频(以及让视频自动播放的问题)

如何在html网页中插入视频(以及让视频自动播放的问题)

2024-05-27 10:05:25 前端知识 前端哥 540 107 我要收藏

直接进入正题:

关于视频的插入可使用 video标签

如下图

 简单介绍下用到的几个属性

class定义了video类 在style中调整这个类的长度和高度属性;

src处引入视频的链接;

controls属性:允许用户控制视频的播放,包括音量,跨帧,暂停/恢复播放;

autoplay属性:让视频可以自动播放;

还有一些关于视频在网页中位置的调整

要满屏的话可将heightwidth调整为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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9713.html
标签
音视频
评论
发布的文章

Jquery (第三章笔记)

2024-08-18 00:08:37

jquery实现tab切换简单好用

2024-08-18 00:08:35

jQuery Cookie 插件使用教程

2024-08-14 22:08:01

jQuery的DOM操作

2024-08-18 00:08:21

echarts显示中国地图

2024-08-18 00:08:11

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!