HTML5—在网页中插入视频方法

 时间:2026-02-15 16:00:35

1、首先,打开软件intellij idea,单击“文件 — 新项目”,然后在弹出的对话框中选择“static web”,单击“next”

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

2、在弹出对话框中,单击浏览,创建文件夹,单击"ok",接着单击”finish“

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

3、接着在左侧的video处单击右键,选择”新建—HTML file“,在弹出的对话框中设置文件名字,单击"ok"

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

4、然后对提前准备好的视频进行复制,然后粘贴到video文件下。在单击粘贴后会弹出一个copy对话框,单击”ok“即可。

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

5、在标签<body></body>之间输入以下的代码

<body>   <video src="【盗墓笔记】假面.webm" controls="controls">   </video></body>

然后根据视频的格式选择一款右上角的浏览器,单击浏览器图标。

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

6、这时候,浏览器打开网页, 你就可以看到视频了。

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

HTML5—在网页中插入视频方法

  • 给网页设置一个图片快速导航区域
  • html+css怎么实现横向导航
  • html 如何添加背景音乐
  • 如何用HTML5向网页中插入音频?
  • html中如何让文字竖排显示
  • 热门搜索
    中国旅游线路 龙脊梯田旅游 柳江古镇旅游攻略 越南旅游需要多少钱 江西旅游必去景点 河南旅游网 去迪拜旅游多少钱 韶关丹霞山旅游攻略 大理洱海旅游攻略 江浙沪旅游攻略