很多人不知道怎样在html网页中插入视频,下面小编和大家一起来看看怎么操作:
工具/原料
联想威6
win1020H2
Hbuilder9.1.29
方法/步骤
1、在Hbuilder中新建一个项目,然后把视频素材给保存到其中某个文件夹。注意,虽然丝群闻栝html5支持插入视频,不过对视频格式有要求,
2、然后新建一个HTML5文件,因为插入视频用到video标签,而video标签是HTML5新增的标签。
3、接着就是使用video标签了,如图,添加一对video标签。
4、然后在video标签里面使用source标签来链接到之前的视频文件
5、之后,保存网页,预览会看到视频没有自动播放,接着继续来完善一下代码
6、如图,给video标签添加autoplay属性,这样就可以设置视频自动播放了。
7、如图,再次保存网页,当页面加载完成之后,视频就会自动播放了。