网页mp4视频在线播放只有声音没有画面解决办法

王小优
王小优
王小优
231
文章
0
评论
2015年11月1日
评论
9,609 723字阅读2分24秒

常见mp4的视频编码有四种,而网页支持较好的MP4编码格式为AVC(H264),当出现网页mp4视频只有声音没有画面的问题时,只需要将视频转码即可。

在制作网页的时候,有时候我们需要插入视频到页面中,例如笔者在处理公司官网的时候,老板吩咐要将公司的企业宣传片放在网站首页。

网页mp4视频在线播放只有声音没有画面解决办法

但是遇到一个问题,就是企划部那边传来的mp4文件,我将其插入html中,预览效果的时候发现只有声音没有画面。我是使用flash播放器调取视频的,起初以为是flash播放器或者JS代码出现了问题,折腾许久之后发现是视频编码的问题。

经查阅发现常见mp4的视频编码有四种:

MPEG4(DivX)、MPEG4(Xvid)、AVC(H264)、HEVC(H265),而网页支持较好的MP4编码格式为AVC(H264),将视频转码即可。

网页mp4视频在线播放只有声音没有画面解决办法

解决办法:

使用转码工具如格式工厂,将视频转换为AVC(H264)即可正常播放。

1、打开格式工厂软件,这里我以把视频转换为mp4格式为例说明单击[->mp4]按钮

2、单击[添加文件]按钮

3、单击选择文件,单击[打开]按钮

4、单击[输出配置]按钮

5、可以看到现在的“视频编码”右边的值是“MPEG4(Xvid)”,单击这一行,会出现下拉按钮

6、点击下拉按钮,在弹出的下拉列表中选择需要的编码,如在这里我单击选择“AVC(H264)”,然后单击[确定]按钮

7、单击[确定]按钮

8、单击[点击开始]按钮开始任务

然后导出来的视频就可以再页面里面正常播放了。

值得一提的是,不仅使用flash播放器会出现编码问题,HTML5的<video>标签也会导致不正常的编码格式出现只有声音没有画面的情况,所以在网页中插视频需要提前将mp4转码AVC(H264)即可解决问题。

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
接入百度云加速后解析企业邮箱教程 好文资讯

接入百度云加速后解析企业邮箱教程

昨天试了一下百度云加速,导致企业邮箱发送失败,原因是并没有正确解析邮箱导致的。我用的阿里企业邮箱,企业邮箱后台提示需要到DNS服务商添加邮箱解析。 这里以阿里云企业邮箱为例,进入企业邮箱管理,设置解析...
什么是OPCM、OCPC、OCPA广告? 好文资讯

什么是OPCM、OCPC、OCPA广告?

如果你作为广告主当你在做头条、百度信息流广告投放的时候,会看到出价策略有OPCM、OCPC、OCPA,这些是什么意思呢?跟CPM、CPC、CPA有什么不同? 想必大家都知道广告类型分CPC、CPM、C...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: