HTML5 视频大小与海报大小在 Chrome 中是错误的

Posted 2023-05-07

【中文标题】HTML5 视频大小与海报大小在 Chrome 中是错误的

【英文标题】：HTML5 video size vs poster size is wrong in Chrome

【发布时间】：2011-12-29 00:42:04

【问题描述】：

我使用 Miro Video Converter (http://www.mirovideoconverter.com/) 将 .mov 转换为不同的 html5 视频格式（webm、ogv 和 mp4）。我从视频的第一帧手动制作了一张海报图片。

在 Firefox 和 Safari 中一切正常，但在使用 Chrome 时，视频似乎比应有的大一点。看海报图片和视频开头的区别时很容易注意到。

我想知道是否有人遇到过同样的问题，以及这里的问题是我的视频文件还是嵌入。

这是一个带有实际文件的 jsfiddle：http://jsfiddle.net/aLvpP/

【参考方案1】：

好吧，如果有人来过这里，我终于找到了答案。

Chrome 显示更大/模糊视频的原因是它的 mp4 版本不是标准的 16:9 格式，但距离它不是太远，所以有点拉伸它。

其实部分责任在 Miro Video Converter，因为当我尝试使用 FFmpeg 将我的原始 mov 转换为 mp4 格式时，FFmpeg 不让我这样做，明确告诉我“视频的宽度可以不能除以 16"。

总而言之，将原始视频的格式更改为标准的 16:9 格式即可解决问题。