HTML5视频播放器全屏改变质量
问题描述:
我需要一个非常简单的功能,我认为每个玩家都有这个功能。当用户点击“全屏”时,我需要切换视频的质量。质量必须适合屏幕尺寸。HTML5视频播放器全屏改变质量
我有1080p,720p,480p,360p,240p的视频。默认值是240p,播放器窗口很小。我想,当用户进入全屏,对决议采摘(如1080为1920×1080或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');
});
用于支持HLS(M3U8),这是相当简单的浏览器,你只需要您的视频编码为多比特率和支持它的服务器提供。对于其他人,当视频更改大小 – Offbeatmammal
感谢您的建议时,您需要更改来源并寻求适当的点。我不想破折号,因为视频是高质量的,更好的用户等待缓冲区,而不是质量差。 – Ural
你有什么尝试?发布无法使用的代码。 – zer00ne