2017-06-25 77 views
1

我只想爲youtube上的同一文件切換不同的分辨率。 這就是我的意思 我有一個1080p的文件,它正在播放,然後我需要提供低於1080像720p,480p,360p切換分辨率選項。我一直在探索這個,我發現我們必須爲每個分辨率提供不同的來源,但我認爲可以使用相同的文件來完成。我努力工作,嘗試了很多東西,但仍然沒有成功。 這是我在做什麼如何在jwplayer上切換同一視頻文件的不同分辨率

$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解決方案?

+0

_「我認爲可以使用相同的文件來完成」_否否則不能。 Youtube還使用多個文件爲每個視頻提供不同的分辨率。 –

回答

1

在單個播放列表項目中列出您的不同來源「品質」,而不是單獨的播放列表項目。

其中媒體類型在源數組中相同的情況下,JW Player將使用此選項爲該單個項目提供質量選擇器。

如果它們是不同的,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"} 
     ], 
     .... 
    }], 
    ... 
}); 

注意:您需要包括對質量選擇,以3個質量的變化彈出菜單出現 - 否則「HD」按鈕只是一個切換按鈕。

+1

我試過你的解決方案,但沒有工作, – dev

+0

更新了答案。還有一個錯字 - 「來源」應該是「來源」。 – jherrieven