video-streaming - HLS 视频宽高比随播放器调整大小而变化

Question

我正在为我正在处理的项目使用 videojs 测试 HLS 流，由于某种原因，当窗口多次调整大小时，流似乎更改为 16:9 纵横比，片刻后切换回来到 videojs 实例中设置的纵横比。

在我的情况下，纵横比设置为 256:239，如果窗口大部分时间都调整大小，则会导致纵横比随着视频显示而改变，如下所示：

流是通过第 3 方进行的，尽管我正在与第 3 方进行沟通，但我被告知问题并非来自他们的最终问题。老实说，我不确定问题出在哪里，但在看到这个之后：videojs/videojs-contrib-hls#305我相信这可能是一个类似的问题。我是否可以设置任何配置，或者这是流本身的问题？

我正在使用以下设置创建视频：

this.player = videojs('video', {
    aspectRatio: '256:239',
    controls: true,
    autoplay: false,
    muted: true,
    html5: {
        hls: {
            overrideNative: true
        }
    }
});

我创建了一个 stackblitz 来复制问题，并且发生了同样的事情：https ://stackblitz.com/edit/videojs-hls-issue?file=src%2Fapp%2Fvideo%2Fvideo.component.ts

版本号：

• VideoJS 版本 7.5.0
• 虽然它可能无关紧要，因为这是一个 Angular 应用程序，我也在使用 VideoJS Typings 版本 7.2.8

此外，我已经在 Angular 5.2.8 和 Angular 7.2.4 上对此进行了测试，并且该问题似乎在 macOS 上更频繁地发生。

标签： video-streamingvideo.jshttp-live-streaming