html5 <video>播放mp4格式视频只有声音却没有图像?

html-css06

html5 <video>播放mp4格式视频只有声音却没有图像?,第1张

今天在使用video播放本地视频时,遇到问题,进度条能移动,有声音,但是没有图像。

网上查找了很多资料,各种方法都尝试了,包括使用video.js插件,也是出现同样的问题,后来有一篇文章给出了解决方法:

可以使用格式工厂转换视频格式,mp4的视频编码有三种:MPEG4(DivX),MPEG4(Xvid),AVC(H264),转换成AVC(H264)编码,就能正常播放。

原文地址:http://www.mamicode.com/info-detail-887494.html

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

请点击输入图片描述

2

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

请点击输入图片描述

3

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

请点击输入图片描述

4

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

请点击输入图片描述

5

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

请点击输入图片描述

6

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

请点击输入图片描述