html中如何播放视频

html-css028

html中如何播放视频,第1张

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

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

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

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

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

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

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

请点击输入图片描述

2

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

请点击输入图片描述

3

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

请点击输入图片描述

4

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

请点击输入图片描述

5

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

请点击输入图片描述

6

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

请点击输入图片描述