怎样在html网页中插入视频

 时间:2026-02-14 05:32:24

1、在Hbuilder中新建一个项目,然后把视频素材给保存到其中某个文件夹。注意,虽然html5支持插入视频,不过对视频格式有要求,

怎样在html网页中插入视频

2、然后新建一个HTML5文件,因为插入视频用到video标签,而video标签是HTML5新增的标签。

怎样在html网页中插入视频

3、接着就是使用video标签了,如图,添加一对video标签。

怎样在html网页中插入视频

4、然后在video标签里面使用source标签来链接到之前的视频文件

怎样在html网页中插入视频

5、之后,保存网页,预览会看到视频没有自动播放,接着继续来完善一下代码

怎样在html网页中插入视频

6、如图,给video标签添加autoplay属性,这样就可以设置视频自动播放了。

怎样在html网页中插入视频

7、如图,再次保存网页,当页面加载完成之后,视频就会自动播放了。

怎样在html网页中插入视频

  • html轮播图怎么制作
  • HTML代码如何去除超链接的下划线
  • 网页设计HTML中如何插入背景图片
  • html图片如何居中
  • 如何在HTML中插入图片
  • 热门搜索
    清蒸排骨的做法 拉屎拉出血怎么回事无疼痛鲜红色 龙须菜的做法 鲍鱼汤的做法 水蒸蛋的做法 炸蘑菇的家常做法 萝卜排骨汤的做法 咸菜的做法 烤鱼的做法大全 怎么样