html中如何播放视频

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

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

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

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

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

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

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

您的浏览器不支持Video标签。

</video>

详细请看http://www.runoob.com/html/html5-video.html

新建一个文件夹，将mp4格式的视频放入文件夹下。

请点击输入图片描述

2

打开dw软件，我们点击新建，页面类型选择html，文件类型选择html5 格式。选择完成后点击创建。

请点击输入图片描述

3

创建完成后，输入快捷方式“ctrl+s”，将文件保存到新建的文件夹目录下，并将文件名称修改成“index.html”。

请点击输入图片描述

4

编写video标签，引入同级目录下的mp4视频文件，插入播放按钮属性。

请点击输入图片描述

5

定义视频播放器的宽度和高度，不要添加autoplay属性，这样我们添加的视频就不会自动播放了。

请点击输入图片描述

6

这样我们就完成了dw添加的MP4视频设置不自动播放的功能。

请点击输入图片描述

---