jwplayerで同じビデオファイルの異なる解像度を切り替える方法

Question

YouTubeのように同じファイルに対して異なる解像度を切り替えたいだけです。 これは私が意味することです 私は1080pのファイルを持っていて、再生しています。次に、720p、480p、360pのような1080以下のトグル解像度オプションを提供する必要があります。私はこれを探求していましたが、私たちはそれぞれの解決のためにさまざまな情報源を提供しなければならないことが分かりましたが、同じファイルを使用して解決できると思います。私は懸命に働いていますが、まだ多くのことを試みましたが、まだ成功していません。 これは私がプレイしている

$file = '[{"type": "video/mp4", "label": "360p", "file": "test.mp4"}]'; 
$file2 = '[{"type": "video/mp4", "label": "480p", "file": "test.mp4"}]'; 
<script type="text/javascript"> 
     jwplayer("myElement").setup({ 
      playlist: [{ 
       "sources":<?php echo $file?>, 

      }, 
      { 
       "sources":<?php echo $file2?>, 

      }], 
      allowfullscreen: true, 
      width: '100%', 
      aspectratio: '16:9', 
     }); 
    </script> 

ファイルを実行するが、任意の解像度のトグルoption.anyソリューションを示すわけではない何ですか？

Answer 1

別のプレイリストアイテムではなく、1つのプレイリストアイテムに異なるソースの「品質」をリストします。

ソースの配列でメディアの種類が同じ場合、JW Playerはこれを使用して、その単一項目の品質セレクタを提供します。

jwplayer("myElement").setup({ 
    ... 
    playlist: [{ 
     ... 
     "sources": [ 
      {"type": "mp4", "label": "Quality 1", "file": "test.mp4"}, 
      {"type": "mp4", "label": "Quality 2", "file": "test.mp4"}, 
      {"type": "mp4", "label": "Quality 3", "file": "test.mp4"} 
     ], 
     .... 
    }], 
    ... 
}); 

注：あなたが品質Selectorの順に3つの品質のばらつきを含める必要があり、クロスブラウザのサポートをカバーするために - 、JW Playerは、メディアタイプの滝のフォールバックを前提とし、彼らが異なっている

ポップアップメニューが表示されます。そうでなければ、「HD」ボタンは単にトグルボタンとして機能します。