Hi there, i have a website and i’m using jwplayer.
I want to add a quality toggle for my video player but i don’t know how to configure it… here is my code :
function get_video() {
$.get('<?= $passing; ?>', function(data, status) {
loadVid(data);
},'json');
}
function loadVid(d){
var player=jwplayer("yuu-player").setup({
sources:[{ type:"video/mp4", label:"HD", file:d.file}],
tracks: [{ file:d.subtitle, label:'Subtitle', kind:'captions', "default":true }],
image:d.poster,flashplayer:"https://ssl.p.jwpcdn.com/player/v/8.1.1/jwplayer.flash.swf",
logo: { file: d.logo, logoBar:d.logo, link:set.link },
title:"<?= $file['filename']; ?>",
abouttext:set.name,
aboutlink:set.link,
controls:true,
autostart:false,
allowfullscreen:true,
fullscreen:false,
preload:true,
primary:'html5',
width:"100%",
height:"100%",
aspectratio:"16:9",
displaytitle:true,
playbackRateControls: [0.5, 0.75, 1, 1.25, 1.5, 2],
sharing: { link: '<?= CURRENT_URL; ?>' }
based on jwsupport, i should add :
var playerInstance = jwplayer("myElement");
playerInstance.setup({
image: "/uploads/myPoster.jpg",
sources: [{
file: "/uploads/myVideo720.mp4",
label: "720p HD"
},{
file: "/uploads/myVideo360.mp4",
label: "360p SD",
"default": "true"
},{
file: "/uploads/myVideo180.mp4",
label: "180p Web"
}]
});
Please help me… Thank youu