Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

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

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

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');

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,

onQualityChange: function(callback) {
levels = callback.levels;

onQualityLevels: function(callback) {
levels = callback.levels;

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++) {

1 Community Answers


JW Player Support Agent  
0 rated :


Have you potentially tried simply hiding the HD button icon within the player via CSS? .


This question has received the maximum number of answers.