HTML5 视频播放器全屏改变质量

Question

我需要一个非常简单的功能，我认为每个玩家都有。当用户点击“全屏”时，我需要切换视频质量。质量必须适合屏幕尺寸。

我有 1080p、720p、480p、360p、240p 的视频。默认为 24​​0p，播放器窗口较小。我希望当用户进入全屏时，选择正确的分辨率(例如 1080p 用于 1920x1080 或 720p 用于较小)

看了很多html5播放器的资料，好像videojs和jwplayer不错。 Videojs 具有质量切换器功能，但不能全屏自动切换。 Jwplayer 好像也不支持这个。

Youtube 支持这么多年了。有没有简单的方法可以为现有播放器解决方案添加此类功能？ (你可以提供另一个html5视频播放器)

谢谢

Answer 1

我用 VideoJS 和 https://github.com/kmoskwiak/videojs-resolution-switcher/ 解决了它插入。我添加了标记来源和这段代码:

player.on('fullscreenchange', function() {
        if(player.isFullscreen())
        {
            label='720p';
            if(screen.width>1280)
            label='1080p';              
            player.currentResolution(label);
        }
        else
            player.currentResolution('240p');
    });