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

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

我有1080p，720p，480p，360p，240p的视频。默认值是240p，播放器窗口很小。我想，当用户进入全屏，对决议采摘（如1080为1920×1080或720p的较少）

我阅读所提供HTML5球员很多信息，它似乎是videojs和jwplayer都不错。 Videojs具有高质量的切换功能，但不支持全屏自动切换。 Jwplayer似乎也不支持这一点。

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

感谢

来源

2017-03-01 Ural

用于支持HLS（M3U8），这是相当简单的浏览器，你只需要您的视频编码为多比特率和支持它的服务器提供。对于其他人，当视频更改大小 – Offbeatmammal

感谢您的建议时，您需要更改来源并寻求适当的点。我不想破折号，因为视频是高质量的，更好的用户等待缓冲区，而不是质量差。 – Ural

你有什么尝试？发布无法使用的代码。 – zer00ne

我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'); 
    });

来源

2017-03-02 05:58:09 Ural

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

回答

相关问题