html5播放mp4不见画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...

做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。

反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。

在网上到处搜索，最终解决。

问题描述：

在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。

页面代码：

请升级浏览器到最新版本！

原因：

视频不光区分格式，同一格式还区分编码。

对于扩展名相同的视频文件它们的视频的编码可能是不一样的。

mp4格式的视频就有3种编码: mpg4(xdiv),mpg4(xvid)，avc(h264)，这三种格式虽然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)这两种格式嵌到html5页面里的时候就会出现只有声音不显示图像的情况，转换成H264编码就可以在网页正常播放了。

解决方法:

使用格式工厂来转码，把mp4格式视频的编码转换成H264编码。

提示：

Safari和Internet Explorer9支持H.264格式(注：H.264是公认的mp4的标准编码)的视频)

Firefox和Opera是坚持开源Theora 和Vorbis格式。

因此，指定HTML5的视频时，你必须提供这两种格式，才能在这些浏览器中都兼容。

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1895.html