如何向 jwplayer 添加另一個高質量的視頻？

Question

我添加了另一種質量來顯示視頻，但在視頻播放器中無法選擇另一種質量

jwplayer("player2").setup({
        image: "https://cdn.jwplayer.com/v2/media/tkM1zvBq/poster.jpg?width=720",
        "type": "video/mp4",
        "sources": [{
            "file": "http://*:1935/vod/volikogu_1080p.mp4/playlist.m3u8",
            "label": "1080p"
        }, {
            "file": "http://*:1935/vod/volikogu_720p.mp4/playlist.m3u8",
            "label": "720p"
        }, {
            "file": "http://*:1935/vod/volikogu_360p.mp4/playlist.m3u8",
            "label": "360p"
        }],
        "label": "H.264 320px"
    });

Answer 1

我在上面的配置中看到一些可能導致播放器行為不佳的事情。 首先，當它應該與sources數組中的source對象處於同一級別時，您在頂層有type 。 看起來好像 type 是hls而不是video/mp4 （基於m3u8擴展名）。

以下設置是否會改變您的任何行為？

jwplayer("player2").setup({
        image: "https://cdn.jwplayer.com/v2/media/tkM1zvBq/poster.jpg?width=720"
        "sources": [{
            "file": "http://*:1935/vod/volikogu_1080p.mp4/playlist.m3u8",
            "label": "1080p",
            "type": "hls"
        }, {
            "file": "http://*:1935/vod/volikogu_720p.mp4/playlist.m3u8",
            "label": "720p",
            "type": "hls"
        }, {
            "file": "http://*:1935/vod/volikogu_360p.mp4/playlist.m3u8",
            "label": "360p",
            "type": "hls"
        }]
});

如果您的文件類型是mp4，則將上面的"type": "hls"替換為"type": "mp4" 。

Answer 2

您最好將所有孩子的清單都放在一個單親清單中。 不要將多個 m3u8 作為不同的來源。 讓播放器或瀏覽器根據單個主清單更改質量。 此外，您的“標簽”和“類型”屬性無效，我會完全刪除它們。