html播放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

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

html5播放mp4不见画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...
做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面. 反复测试,多个浏览器均出现此问题.刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是m ...
Java 技术篇 - 前端浏览器发送一次url请求后端ServerSocket接收到两次请求原因及解决方法，GET /favicon.ico HTTP/1.1问题处理
效果图如下: 前端发送一次请求,后端接收到两次,第二次是:GET /favicon.ico HTTP/1.1 可以看到页签上标题栏前面是个地球,这个是默认的. 原因就是后台给的响应里没有指定这个图标, ...
testbench文件显示波形_modelsim仿真没有波形或看不到波形的原因及解决方法 - 全文...
关于modelsim仿真时出现 No objects found matching '/*' 问题在Modelsim6.2系列版本中仿真时,点击start simulateion后,出现Objects ...
微信内置浏览器在使用video标签时（安卓）默认全屏的原因及解决办法
根据X5论坛得到的答案是:设计如此. 腾讯真是越来越嚣张了,一家独大后用户体验都不注重了(不给程序员留活路). 听说有个申请加入vdeo白名单的,域名验证后就可以解决默认全屏(反正我是没见过申请入口, ...
苹果12app显示服务器无响应,苹果iPhone12变卡或APP卡死怎么办 iPhone卡顿原因及解决方法...
如果您在使用 iPhone 或其它 iOS 设备时,出现运行缓慢或卡死.死机的情况,可能与以下情况有关: 网络状况: 在使用一些应用或功能时需要连接互联网,如果您连接的网络出现拥堵(例如,很多人使用同 ...
爱剪辑为啥显示服务器繁忙,爱剪辑蓝屏怎么办？爱剪辑蓝屏的六大原因及解决方法...
有些小伙伴在使用爱剪辑编辑视频时,无缘无故出现了蓝屏的现象!这让很多小伙伴束手无策.爱剪辑蓝屏是什么原因?爱剪辑蓝屏要怎么办?下面就让我们一起来看看爱剪辑蓝屏的解决方法吧. 软件名称:爱剪辑去片头片 ...
和平精英显示模拟服务器已满,和平精英模拟器注册已经达到了上限怎么办？原因及解决方法分享...
和平精英模拟器注册已经达到了上限怎么办?很多小伙伴们在进行注册的时候系统自动提示出现了这种情况.那么遇到这种情况,该怎么办呢?下面是小编整理分享的解决方法,不了解的赶快来看下如何解决吧! 官方表示目前 ...
gdc服务器开机后显示器无法显示,开机后显示器没反应怎么办？开机后显示器没反应原因及解决方法...
现在使用电脑的人很多,几乎每家每户都有台式电脑或者手提电脑.有时候我们开机之后显示器没有反应.这时候要怎么办?电脑开始之后显示器没反应很可能是内存卡和内存条之间的连接除了问题,并不是什么很严重的问 ...
Chrome播放视频时只有声音没有画面
问题 win7下Chrome在线播放视频时只有声音,没有画面解决打开Chrome,点击右上角菜单,选择设置 -> 高级 -> 系统,取消使用硬件加速模式(如果可用): 重启Chrome ...
html5播放器经常卡,Win7系统看视频经常一卡一卡六种原因和解决方法
最近一些小伙伴在Win7系统看视频总是一卡一卡的,影响视频正常播放,同时也影响观看心情,怎么回事?出现这种情况,一般是网速不给力,如果测试后发现网速没问题的话,那就是电脑的设置有问题了,下面就给大家介 ...

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

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

最新文章

热门文章