Video.js：拉伸视频答案

【问题标题】：Video.js: Stretched VideosVideo.js：拉伸视频
【发布时间】：2013-03-18 23:44:57
【问题描述】：

我有一些视频被拉伸了，导致它们失真：

f4v：FF 19.0.2 OS X 和 17.0.1 Windows，当回退到 Flash 时
mp4：Safari 5.1.7 Windows

这些浏览器可以很好地使用信箱：

OS X：Safari 5.1.7、Chrome 25.0.1364.172
Windows：IE 9.0.8112.16421、Chrome 25.0.1364.172 m
Adobe Flash 播放器也可以进行信箱处理，所以看起来还不错。

【问题讨论】：

我发现如果您将视频倒回到开头并再次播放，那么 VideoJS Flash Player 会进行信箱处理。如果您转到其他菜单并返回或重新加载页面，则会重复相同的行为，除非视频倒带，否则不会出现黑边

标签： flash html5-video mp4 stretch

【解决方案1】：

我发现问题的原因在于视频的处理方式，纵横比修改不正确

支持 HTML5/mp4、Safari 5.1.7 Windows 的浏览器是例外，检测原始纵横比并在容器具有不同纵横比时显示它们正确地进行信箱处理。当 VideoJS 在 FF 中回退到 Flash 时，它的 swf 播放器在第一次播放视频时无法执行相同的操作，将其拉伸到容器大小。 3个操作强制播放器重新读取元数据：
- 倒带回到开头
- 当视频到达结尾时再次播放
- 全屏显示

【讨论】：