css - Chrome v52 html5 视频变长了吗？

Question

我有一个网站使用标准的 html5 视频标签从云存储中提取视频。一切都很好，但是自从我的 Chrome 浏览器更新到 v52+ 后，视频在默认情况下会拉伸(stretch)得太宽，好像 Chrome 的元数据有问题？

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

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

有没有人遇到过这个问题，并且碰巧设法应用了任何类型的修复，无论是 CSS 技巧还是其他。

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

提前致谢...

P.

Answer 1

这可能是 Chromev52 中的错误。 我遇到此问题的示例视频将 SAR(存储纵横比)设置为 1:1，但 DAR(显示纵横比)设置为 16:9。原来 chrome 不尊重 DAR 值。

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

ffmpeg -i input.mp4

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

要重新编码为新的纵横比，试试这个。

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

更新:-

问题是由于错误 632624 .

总结:

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