HTML5网页播放视频时有声音无图像的解决办法

时间:2021-11-24
类别:教程 - 网页设计

在设计网页调试的时候或是浏览网页的时候,用html5网页video标签播放mp4视频文件,网页上只有声音,没有图像,只显示黑色的,其实那是因为视频文件的编码格式错了,以下是具体的解决方法。

一、查看文件的编码信息

用QQ影音播放器查看文件信息-编码信息,它是错误的,视频流信息里的编码格式是MPEG-4V的,而html5 video标签支持Ogg、MPEG4(mp4)、WebM三种视频格式,分别支持的视频编码如下:

HTML5网页播放视频时有声音无图像的解决办法

MPEG4 - H.264视频编码、AAC音频编码

Ogg - Theora视频编码、Vorbis音频编码

WebM - VP8视频编码、Vorbis音频编码

二、把MP4视频文件转换成正确的编码文件

正确MP4视频文件编码格式应该是这样的,我们可以用格式工厂把不能显示图像的mp4文件转码一下就可以了。

HTML5网页播放视频时有声音无图像的解决办法

把文件转换成上图的编码格式,网页就可以正常播放MP4文件了。

    收藏