Check out the code snippet below:
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"
}]
});
In addition, I have included a screenshot highlighting the specific feature I am seeking: https://i.stack.imgur.com/97VsI.png
I am looking to add an 'Auto' button that will automatically detect the best quality for each user. Currently, despite specifying all 4 sources/qualities in my code, the 'Auto' button is not visible. How can this functionality be implemented?