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視頻播放器全屏改變質量

回答

相關問題