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

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

Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法，GET /favicon.ico HTTP/1.1问题处理
效果图如下: 前端发送一次请求,后端接收到两次,第二次是:GET /favicon.ico HTTP/1.1 可以看到页签上标题栏前面是个地球,这个是默认的. 原因就是后台给的响应里没有指定这个图标, ...
微信内置浏览器在使用video标签时（安卓）默认全屏的原因及解决办法
根据X5论坛得到的答案是:设计如此. 腾讯真是越来越嚣张了,一家独大后用户体验都不注重了(不给程序员留活路). 听说有个申请加入vdeo白名单的,域名验证后就可以解决默认全屏(反正我是没见过申请入口, ...
Chrome播放视频时只有声音没有画面
问题 win7下Chrome在线播放视频时只有声音,没有画面解决打开Chrome,点击右上角菜单,选择设置 -> 高级 -> 系统,取消使用硬件加速模式(如果可用): 重启Chrome ...
html5播放器经常卡,Win7系统看视频经常一卡一卡六种原因和解决方法
最近一些小伙伴在Win7系统看视频总是一卡一卡的,影响视频正常播放,同时也影响观看心情,怎么回事?出现这种情况,一般是网速不给力,如果测试后发现网速没问题的话,那就是电脑的设置有问题了,下面就给大家介 ...
[WFD]播放DRM视频时，SINK端显示全黑画面或者默认图片
[WFD]播放DRM视频时,SINK端显示全黑画面或者默认图片 [DESCRIPTION] 假设WFD SINK为TV ,和手机通过WFD连接上后,TV画面显示正常. 但是打开第三方视频播放软件(如i ...
用浏览器测试Get与Post Webservice，Post一直报405错误，而Get能够成功的原因与解决方法
用浏览器测试Get与Post Webservice,Post一直报405错误,而Get能够成功的原因与解决方法参考文章: (1)用浏览器测试Get与Post Webservice,Post一直报40 ...
浏览器打开html文件特别慢,打开浏览器速度缓慢的原因及解决方法
不少用户都会遇到打开浏览器速度缓慢的问题,有时候双击浏览器后,半天没出现页面,出现页面后也是一片空白.对于这种情况,该如何去解决呢?下面学习啦小编就为大家介绍一下具体的原因及解决方法吧,欢迎大家参考和 ...
html不兼容的原因,浏览器不兼容的原因和解决方法
浏览器之间不兼容的原因和解决方案网页设计中最大的麻烦之一是网页与不同浏览器的兼容性,这是因为主流浏览器(例如IE 6.0 / IE 7.0 / firefox 2 / Opera 9)无法进行CSS解 ...
电脑浏览器打不开html文档,win7浏览器打不开本地html文件的原因及解决方法
今天小编和大家分享深度技术win7系统浏览器打不开本地html文件的原因及解决方法,相信大家都有遇到过html文件打不开,一直显示主页而不是html页面,其实很大部分是浏览器设置问题.有什么办法可以解 ...

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

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

最新文章

热门文章