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视频设置不自动播放的功能。
请点击输入图片描述