Chrome中的HTML5视频尺寸与海报尺寸错误

时间:2011-11-14 21:30:15

标签: html5 google-chrome video html5-video video-encoding

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

在Firefox和Safari中一切正常,但在使用Chrome时,视频似乎比应有的大一点。在查看海报图像与视频开头之间的差异时,很容易注意到。

我想知道是否有人遇到过同样的问题,如果这里的问题是我的视频文件或嵌入。

这是一个包含实际文件的jsfiddle:http://jsfiddle.net/aLvpP/

1 个答案:

答案 0 :(得分:3)

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

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

实际上,部分责任在于Miro Video Converter,因为当我尝试使用FFmpeg将我的原始mov转换为mp4格式时,FFmpeg不会让我这样做,明确地告诉我“视频的宽度可以不要被16“分开。

总而言之,将原始视频的格式更改为标准的16:9格式解决了这个问题。