HTML5動画プレーヤーの品質をフルスクリーンで変更

Question

非常に簡単な機能が必要です。すべてのプレーヤーにこの機能があると思いました。ユーザーがフルスクリーンをクリックすると、動画の品質を切り替える必要があります。品質は画面サイズに合わせなければなりません。

私は1080p、720p、480p、360p、240pの動画を持っています。デフォルトは240pで、プレーヤーのウィンドウは小さいです。ユーザーが全画面表示、正しい解像度を選んだ場合（1920x1080の場合は1080p、小さい場合は720p）

私は利用可能なhtml5プレーヤーに関する多くの情報を読んでおり、videojsとjwplayerは良いと思われます。 Videojsには高品質のスイッチャー機能がありますが、フルスクリーンで自動切り替えはできません。 Jwplayerもこれをサポートしていないようだ。

これは長年のYouTubeサポートです。既存のプレーヤーソリューションにこのような機能を追加する簡単な方法はありますか？

おかげ

Answer 1

を（あなたは別のHTML5のビデオプレーヤーを提供することができます）私はVideoJSとhttps://github.com/kmoskwiak/videojs-resolution-switcher/プラグインでそれを解決しました。 私はラベルのソースと、このコードを追加：HLS（M3U8）をサポートするブラウザ用

player.on('fullscreenchange', function() { 
     if(player.isFullscreen()) 
     { 
      label='720p'; 
      if(screen.width>1280) 
      label='1080p';    
      player.currentResolution(label); 
     } 
     else 
      player.currentResolution('240p'); 
    });