dw添加mp4视频的代码

第一步：下载个mp4格式的视频，起个名字叫video.mp4，放在根目录的shipin文件夹里！

第二步：在需要插入视频的地方粘贴此代码：

<video id="media" width="600" height="400" controls>

<source src="shipin/video.mp4">

</video>

注意看下600是宽度，400是高度，可以随意修改乘合适的尺寸！

shipin/video.mp4是视频的地址目录，如果视频是放在images文件夹下，代码就是:

<video id="media" width="600" height="400" controls>

<source src="images/video.mp4">

</video>

工具／原料：

联想小新潮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、显示视频文件

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

具体如下：

工具/原料

演示电脑：超微 X8DAL Main Server Chassis

电脑 *** 作系统：Windows 10 专业版 64位 *** 作系统

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

2、在title标签之间写上标题的名称，例如视频播放器；

3、在body标签对的之间插入<video>标签；

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

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

6、在source和video标签之间写上"您的浏览器不支持Video标签。",当浏览器不支持的情况下这行文字就会出现；

---