我需要一个非常简单的功能,我认为每个玩家都有。当用户点击“全屏”时,我需要切换视频质量。质量必须适合屏幕尺寸。
我有 1080p、720p、480p、360p、240p 的视频。默认为 240p,播放器窗口较小。我希望当用户进入全屏时,选择正确的分辨率(例如 1080p 用于 1920x1080 或 720p 用于较小)
看了很多html5播放器的资料,好像videojs和jwplayer不错。 Videojs 具有质量切换器功能,但不能全屏自动切换。 Jwplayer 好像也不支持这个。
Youtube 支持这么多年了。有没有简单的方法可以为现有播放器解决方案添加此类功能? (你可以提供另一个html5视频播放器)
谢谢
最佳答案
我用 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 视频播放器全屏改变质量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42531771/