html中插入优酷网视频的代码

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

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

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

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

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

1、打开Hbuilder，在项目管理器中放置mp4格式视频点击index.html进入。

2、在这里通过红色方框中的命令来建立一个HTML5的文件。

3、这个时候添加video元素就可以插入视频了，用autoplay设置自动播放，controls设置控制栏。

4、用source可以连接对应的视频资源；

5、完成以后左边的是播放按钮、视频进度控制条等工具。

6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。

工具／原料：

联想小新潮7000-13

Win 10

Visual Studio Code1.47.2

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

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

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

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

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

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

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

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

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

5、显示视频文件

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

---