css 制作视频播放

html-css0149

css 制作视频播放,第1张

<video controls="controls" >此标签中添加preload="auto"是预备播放点击后播放, 添加autoplay="autoplay"可以实现自动播放,详见W3school教程:网页链接

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

请点击输入图片描述

2

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

请点击输入图片描述

3

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

请点击输入图片描述

4

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

请点击输入图片描述

5

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

请点击输入图片描述

6

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

请点击输入图片描述