Chrome v52 html5视频正在变得紧张?

时间:2016-08-12 07:46:07

标签: css html5 google-chrome video stretching

我的网站使用标准的html5视频标签从云存储中提取视频。一切都很好,但是因为我的Chrome浏览器已更新到v52 +视频默认情况下拉得太宽,就好像Chrome存在元数据问题一样?

它不会影响某些视频,例如一些视频已经通过iPhone,iPad,Android智能手机或网络浏览器上传(我对任何网络浏览器都没有任何问题)。

Firefox和IE(Edge)中完全相同的视频标签工作正常,视频没有拉伸。

有没有人遇到这个并且偶然设法应用任何类型的修复,无论是CSS技巧还是其他。

我有点希望Chrome的下一次更新能解决这个问题。

提前致谢...

P上。

1 个答案:

答案 0 :(得分:1)

这可能是Chromev52中的一个错误。 我遇到此问题的示例视频的SAR(存储纵横比)设置为1:1,但DAR(显示宽高比)设置为16:9。结果铬不尊重DAR值。

对于您的视频,请使用此命令检查SAR和DAR值。

ffmpeg -i input.mp4

为了验证这是否是一个错误,我将文件重新编码为16:9的SAR。该视频现在可以在Chrome上正常显示。

要重新编码为新的宽高比,请尝试此操作。

ffmpeg -i input.mp4 -vf scale=iw*16/9:ih output.mp4

<强>更新: -

该问题归因于错误632624

摘要:

具有旋转元数据的视频需要在显示之前旋转。旋转后,旋转的视频将被拉伸以适合浏览器。该错误是将视频拉伸到的大小,使用未旋转的视频大小计算,导致失真。