html插入视频的代码是什么

html-css013

html插入视频的代码是什么,第1张

工具/原料:

联想小新潮7000-13

Win 10

Visual Studio Code1.47.2

1、进入Visual Studio Code,新建html文件

打开Visual Studio Code软件,打开工作区空间,选择需要进行操作的文件夹,点击上方的新建文件选项。

2、给html文件命名为video.html

在弹出的文本框中给html文件命名,文件命名为video.html。

3、输入添加视频文件的代码

在新建的.html文件中输入添加视频文件的html代码:

<video src="../media/mi.mp4" autoplay="autoplay" muted="muted" controls="controls" loop="loop"></video>。

4、使用工具查看代码效果

在代码的空白区域右击—>在弹出的选项卡中选择Open In Default Browser选项。

5、显示视频文件

点击运行之后,在浏览器网页中显示添加的视频文件,点击播放按钮,正常播放视频。

1、首先打开sublime编译器,创建一个.html文件。

2、然后在title标签之间写上标题的名称,这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小,在video标签添加width和height属性。

5、最后在video标签之间添加source播放源,及其地址运行后,就会出现如下图视频窗口。

题主是否想询问“html为视频设置素材图片并显示播放时间的代码是什么”?是“BGSOUND”。

1、寻找需要制作的视频原素材,图片素材多种多样,利用搜索引擎寻找即可。

2、导入素材到素材库中,使用无损剪辑工具导入,本地录屏。

3、将选定的素材拖动到下方轨道编辑处。

4、分别将图片和视频添加到不同的轨道上,图片轨道一定要在视频轨道的下方。

5、这样视频设置素材图片并显示播放时间就在htm1上完成了。