html技术发展得非常快，比如现在html5已经支持在网页中插入视频了 。 今天咪咪我就来教教大家怎样在html中插入视频 。 工具/材料 电脑
Hbuilder
视频素材
操作方法 01 第一步，在Hbuilder中新建一个项目，然后把视频素材给保存到其中某个文件夹 。 注意，虽然html5支持插入视频，不过对视频格式有要求，视频编码格式必须是H.264或者是AVC的才可以在网页中播放哦 。 一般MP4格式的视频都可以，少量的不行哦 。
02 然后新建一个HTML5文件，因为插入视频用到video标签，而video标签是HTML5新增的标签 。
03 接着就是使用video标签了，如图，添加一对video标签 。
04 然后在video标签里面使用source标签来链接到之前的视频文件 。
05 之后，保存网页，预览会看到视频没有自动播放，接着继续来完善一下代码 。
06 如图，给video标签添加autoplay属性，这样就可以设置视频自动播放了 。
07 如图，再次保存网页，当页面加载完成之后，视频就会自动播放了 。 不过这时候只可以自动播放，像一些暂停，调节声音大小等功能都是没有的 。
08 接着我们再给video标签添加controls属性，然后保存 。
09 之后，预览网页就会发现当鼠标进入视频区域，在视频下方就会多出一个控制栏，在这里就可以快进，暂停，调节声音，全屏播放了 。
10 当然，还可以设置video的宽度，比如我就设置为1000px大小 。
11 【怎样在html网页中插入视频】这样视频区域就会变大，如图，这里就只能截取视频的部分区域 。
以上内容就是怎样在html网页中插入视频的内容啦，希望对你有所帮助哦！
猜你喜欢
- 如何使用PDF编辑器裁剪PDF页面
- python怎样对列表进行排序
- 怎么在局域网中禁用U盘
- 如何把CAD中的图片顺时针旋转
- 电脑微信设置收款播报
- 相互宝怎么退出计划
- 快剪辑怎样剪辑视频
- 快剪辑怎样进行音频的剪辑
- 淘宝退货处理流程
- 电脑花屏怎么办？电脑花屏的解决方法