【译】解决HTML5 MP4(H.264)视频模糊的问题

翻译 2016年08月30日 16:23:10

MP4视频文件是所有主要的现代浏览器都认可和接受的文件格式。如果你想知道具体的支持情况,请查看 Can I Use

但是!当 HTML5视频标签Video 嵌入网页中,如果没有正确配置好你的MP4视频会得到一个模糊图像的视频。发生这种情况的原因是,这种类型的视频和其编码模式有一些具体的要求没有得到正确的处理。

学习使用以下简单的建议将帮助你满足这些需求,将为您的web页面生成你清晰的MP4视频。


建议:

1、如果可以的话,请使用标准的 4:3 或16:9 的视频大小比例请看原因

2、使用大小的倍数4:3或16:9的纵横比和16的倍数(16 x16像素正方形块级区域的编码器)

4:3比例的公式 16:9的宽高比公式
Width: 64*n / Height: 48*n Width: 256*n / Height: 144*n

* 备注:n可以是任何的自然数。


3、如果您已经有一个自定义大小视频和你想要迅速调整为一个完美的看,尝试“MP4视频大小校正器”这个页面上。

附加技巧: 在chrome 浏览器中添加 Hack css 方法

-webkit-filter: brightness(108.5%);

同时使用 .webm.mp4 的文件格式 。(.webm 要放在 .mp4 的前面).


参考文章:

原文阅读:blurry-html5-video

相关文章推荐

html5 Video控件视频播放,电脑和手机上都能兼容。(mp4格式 电脑和android、ios都能播放)

playVideo({             //所有参数,elemt和src为必填其他看需求怎么要求             //elemt为播放控件要插入的容器,src为...

H.264之编码格式-封装成MP4格式-视频流 RTP封包

一、概述 本文讲述的是对H264编码且封装成MP4格式的视频流进行RTP打包过程时需要了解的一些基本知识。 二、H264的基础知识 1.H264的编码格式 H.263 定义的码...
  • lqhed
  • lqhed
  • 2016-07-08 22:37
  • 574

ogg,MP4html5学习实例视频

  • 2016-10-23 20:55
  • 912KB
  • 下载

HTML5视频(MP4)播放器

  • 2013-03-29 13:33
  • 1.16MB
  • 下载

关于HTML5中Video标签无法播放mp4的解决办法

1、首先先排除掉代码问题、路径问题、浏览器不支持问题等。 2、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就...

HTML5视频(MP4)播放器

  • 2013-04-03 10:18
  • 1.16MB
  • 下载

视频格式那么多,MP4/RMVB/MKV/AVI 等,这些视频格式与编码压缩标准 mpeg4,H.264.H.265 等有什么关系?

还是从MPEG-4说起吧,MPEG-4是一套用于音频、视频信息的压缩编码标准,由国际标准化组织(ISO)和国际电工委员会(IEC)下属的“動態影像专家组”(Moving Picture Exper...

视频格式那么多,MP4/RMVB/MKV/AVI 等,这些视频格式与编码压缩标准 mpeg4,H.264.H.265 等有什么关系?

转自:点击打开链接https://www.zhihu.com/question/20997688 作者:Alex Ling 链接:https://www.zhihu.com/quest...

关于cocos2d-html5纹理模糊的问题解决办法

最初使用texturepacker打包的时候选择了premultiply, 导致
  • zszeng
  • zszeng
  • 2014-09-17 15:18
  • 1584
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)