How do I hide the Quality Toggle on Mobile Devices? Streaming Problems

ronharris9 — Mar 12, 2016 03:07AM EST

---

Hello sirs,

How do I hide the quality toggle on any mobile device? Cause Right now.. Whenever I play the video.. It plays the default which is really cool and fast..

But when I stop the video, and exit mysefl to the player.. I see the Quality toggle on the jwPlayer.. I was hoping that there's a setting for that toggle.. that it will not show on mobile devices.. cause playing a 1080p video on a iphone or android will cause alot of problems with the device..

I am streaming files from our server.. not on a 3rd party server..

My code goes..

<script type="text/javascript" src="../scripts/js/jwplayer/jwplayer.js"></script>
<script type="text/javascript" src="../scripts/js/jwplayer.config.js"></script>

just incase you were wondering whats on the jwconfig
********
jwplayer.key="VojTxqz9jLz+lqwTCgks/kyn2EJHJSSy56RhOQ==";

var jwConfig = {
width: "100%",
aspectratio: "16:9",

}
****
the embed code I use is this..

jwConfig.sources = [
{
file: "videos/aerial-01-h264-1080p.mp4",
label: "1080p FullHD",

},
{
file: "videos/aerial-01-h264-720p.mp4",
label: "720p HD",
},
{
file: "videos/aerial-01-h264-480p.mp4",
label: "480p",
"default": "true",
},
{
file: "videos/aerial-01-h264-360p.mp4",
label: "360p",
},
{
file: "videos/aerial-01-h264-240p.mp4",
label: "240p",
}

];

jwConfig.image = '../images/covers-big/video-covers/aerial-01-979w.jpg';

var playerInstance = jwplayer('aerial-01');
playerInstance.setup(jwConfig);


jw player works great on desktop.. also on mobile devices..
but I dont want to see the HD button on the mobile devices..

Also, how do I change the default file to be streamed?

Cause I want on the desktop pcs to stream the 720p video.. while the 480p file to be streamed by default on mobile devices? is that possible??

Also I tried to enable adaptive streaming code.. But it gives me error.. I placed it on the config file..

var bitrateList = [],
bandwidth = 0,
currentBitrate =0,
levels;

jwplayer().setup({
....
events:
onQualityChange: function(callback) {
levels = callback.levels;
render();
},

onQualityLevels: function(callback) {
levels = callback.levels;
render();
},

onMeta: function(event) {
if (event.metadata.bandwidth) {
var b = event.metadata.bandwidth;
var l = Number(event.metadata.currentLevel.substr(0, 1));
if (b != bandwidth) {
bandwidth = b;
currentBitrate = bitrateList[l - 1];
}
}
}
});

function render() {
bitrateList = [];
for (var i = 1; i < levels.length; i++) {
bitrateList.push(levels[i].bitrate);
}
}