做HTML5网页，要播放视频，视频格式为mp4，结果浏览器只能听到声音，看不到画面。
反复测试，多个浏览器均出现此问题。刚开始以为视频的格式不对，我是从MOV转的MP4格式，反复确认嵌入的视频确实是mp4格式的，可是试了好多次结果都一样，只有声音不显示图像，搞了一天，直接搞懵了。
在网上到处搜索，最终解决。
问题描述：
在html5页面中嵌入视频，用浏览器打开页面只听到声音却不显示图像。
页面代码：
<video width="711px" height="400px" controls autoplay> <source src="newminhe.mp4" type="video/mp4"></source> 请升级浏览器到最新版本！ </video>
原因：
视频不光区分格式，同一格式还区分编码。
对于扩展名相同的视频文件它们的视频的编码可能是不一样的。
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
微信扫一扫 
支付宝扫一扫