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

 时间:2024-10-14 04:02:47

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中如何让文字竖排显示
  • 热门搜索
    温岭旅游景点大全 去哪儿旅游网官网 桂林旅游景点图片 台湾旅游地图全图 北京故宫虚拟旅游 皇城相府旅游攻略 台湾旅游事故 防城港金滩旅游攻略 西安旅游职业中专 西安有什么旅游景点