Chrome 中 HTML5 视频大小与海报大小错误
我使用 Miro Video Converter (http://www.mirovideoconverter.com/) 将 .mov 转换为不同的 html5 视频格式（webm、ogv 和 mp4）。我从视频的第一帧手动制作了海报图像。
在 Firefox 和 Safari 中一切正常，但在使用 Chrome 时，视频似乎比应有的要大一些。当查看海报图像和视频开头之间的差异时，很容易注意到。
我想知道是否有人遇到过同样的问题，这里的问题是我的视频文件还是嵌入。
这是带有实际文件的 jsfiddle ： http://jsfiddle.net/aLvpP/
I used Miro Video Converter (http://www.mirovideoconverter.com/) to convert a .mov to different html5 video formats (webm, ogv and mp4). I manually made a poster image from the 1st frame of the video.
Everything works fine in Firefox and Safari, but when using Chrome, the video seems to be a little bigger than it should be. It's easy to notice when looking at the difference between the poster image and the beginning of the video.
I am wondering if someone has ever encountered the same problem and if the problem here is either my video file or the embedding.
Here is a jsfiddle with the actual files : http://jsfiddle.net/aLvpP/
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
好吧，如果有人来这里，我终于找到了答案。
Chrome 之所以显示更大/模糊的视频，是因为它的 mp4 版本不是标准的 16:9 格式，但离标准也不是太远，所以有点拉伸了。
其实，部分责任在 Miro Video Converter 上，因为当我尝试使用 FFmpeg 将原始 mov 转换为 mp4 格式时，FFmpeg 不让我这样做，明确告诉我“视频的宽度不能分割” 16 英寸。
总而言之，将原始视频的格式改为标准的16:9格式就解决了问题。
Ok so, if anyone ever comes here, I finally found the answer to this.
The reason why Chrome was showing a bigger/blurry video is that the mp4 version of it was not in a standard 16:9 format, but not too far from it, so it was kind of stretching it a bit.
Actually, part of the blame is on Miro Video Converter, because when I tried using FFmpeg to convert my original mov to the mp4 format, FFmpeg would not let me do it, explicitly telling me that "the width of the video can not be divided by 16".
All in all, changing the format of the original video to a standard 16:9 format solved the problem.