为当前用户自动检测来自多个来源的最佳质量 - jwplayer

Question

这是我的代码：

var playerInstance = jwplayer("mySingleVideoWrapper").setup({
        image: getCurrentPosterSrc,
        sources: [
            {
                file: 'file-360.mp4',
                label: "360p"
            },{
                file: 'file-480.mp4',
                label: "480p"
            },{
                file: 'file-720.mp4',
                label: "720p HD"
            },{ 
                file: 'file-1080.mp4',
                label: "1080p HD"
            }
        ], 
        width: "100%",
        androidhls: 'true',
        type: "hls",
        fallback:true,
        aspectratio: "16:9",
        autostart: true,
        logo: { 
        hide: true 
    },
        tracks: [{ 
            file: "/assets/captions-en.vtt", 
            label: "EN",
            kind: "captions",  
            "default": true 
        },{ 
            file: "/assets/captions-es.vtt", 
            label: "ES",
            kind: "captions"
        },{ 
            file: "/assets/captions-fr.vtt", 
            kind: "captions",
            label: "FR"
        },{ 
            file: "js/assets/captions-de.vtt",  
            label: "DE",
            kind: "captions"
        }]
   });

还有一张截图，我在其中突出显示了我需要的内容

所以我需要 'Auto' 按钮，它会自动检测当前用户的最佳质量。现在用我的代码我看到所有 4 sources/qualities 但 'Auto' 按钮看不到。我该如何添加它？

Answer 1

亚马逊支持给我这篇有用的文章 link http://www.jwplayer.com/blog/encoding-hls-with-amazon-elastic-transcoder/ 我可以做我想做的事。

为当前用户自动检测来自多个来源的最佳质量 - jwplayer

autodetect best quality from multiple sources for current user - jwplayer

html

css

jwplayer

jwplayer7