我有一个使用标准 html5 视频标签从云存储中下载视频的网站。一切都很好，但是自从我的 Chrome 浏览器更新到 v52+ 之后，默认情况下视频会被拉伸得太宽，好像 Chrome 的元数据有问题？
它不会影响某些视频，例如某些视频是通过 iPhone、iPad、Android 智能手机或网络浏览器上传的（我对任何网络浏览器都没有问题）。
Firefox 和 IE (Edge) 中完全相同的视频标签工作正常，视频没有被拉伸。
有没有人遇到过这个并且偶然设法应用任何类型的修复，无论是 CSS 技巧还是其他。
我有点希望 Chrome 的下一次更新能够解决这个问题。
提前致谢...
P。
这可能是 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 造成的。
概括：
视频具有旋转元数据，需要在显示前旋转。旋转后，旋转后的视频会被拉伸以适应浏览器。该错误是将视频拉伸到的大小，是使用未旋转的视频大小计算的，从而导致失真。