如何在h5中添加视频？

通过html5中的video标签添加视频文件。

1、新建html文件，如图所示，在body标签中添加video标签，为video标签设置“src”属性，属性值是视频文件地址，这里以html同一目录下的“movie.mp4”视频为例：

2、此时的视频只会显示一个封面，并没有控制按钮，这时为video标签添加“controls”属性，如图所示，不需要添加属性值，可以看到视频中出现了常用的控制按钮：

3、直接插入的视频显示宽和高是视频本身默认的宽和高，这时可以给video添加我们想要的宽和高，这里以宽度400和高度300为例，添加属性“width”，属性值为“400”，添加属性“height”，属性值为“300”：

4、这时视频默认是加载完成后等待用户点击播放按钮再播放，如果需要加载完成后自动播放，可以给video添加属性“autoplay”，属性值为“autoplay”，这时视频加载完成后就会自动播放：

可以使用百度大导演来制作。

准备工作：

先把图片上传到百度云

上传图片时使用百度云客户端批量上传，支持断点续传。可以使用提速服务来加速。

开始制作：

1. 打开百度云网页版中刚才传到网盘里的图片对应的目录，选择相片

2. 点击右上角的“制作照片电影”

3. 等待请求处理成功，点击“去制作电影

4. 这里可以预览图片、添加图片和删除图片，确认后点击“下一步”

5. 选择模板，模板自带默认背景音乐，可以换音乐

6. 选择好了以后拉到网页底端，点击“制作大片”

7. 等待制作完成

8. 制作完成后可以点击播放按钮播放，也可以在这里把相册视频分享到其他网站，还可以删除

9. 在播放界面，右击视频，点击“视频另存为”可以保存为mp4格式到本地磁盘

至此相册制作成功！

制作的相册，可以在“我的影片”中查看和删除

百度大导演除了有网页版以外，还有安卓和ios版。

---