Question

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

我有1080p，720p，480p，360p，240p的视频。默认值为240p，播放器窗口很小。我希望当用户全屏时，选择正确的分辨率（如1080x为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');
    });

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

1 个答案: