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

No control buttons


I am trying to setup an player with 2 different quality sources.
I searched documentation and search forums,but didn't find any answer that helped me.

I have this code inserted ...

<script src=""></script>
<div id="myElement">&nbsp;</div>
var playerInstance = jwplayer("myElement");
image: "/uploads/myPoster.jpg",
sources: [{
file: "http://123.456.789.38:8081/hls/Stream-1/playlist.m3u8"
label: "720p HD"
file: "http://123.456.789:8081/hls/Stream-1_720p/playlist.m3u8"
label: "1080p HD"

When checking the video it plays the stream but as soon as the stream starts the control bar changed into live and no settings/option to change the quality to 1080p or 720p

What i am doing wrong?

Thanks in advance


3 Community Answers

Timoor Kurdi

JW Player Support Agent  
0 rated :


My name is Timoor Kurdi and I’m a Support Engineer at JW Player.

The file being loaded is an HLS m3u8 file uses adaptive streaming and upshifts in quality as adaptive streaming is the ability for a video player to dynamically adjust video quality based on a user’s available bandwidth, device performance, and network conditions. We also make use of the size of the width of the player and ensure that we are not delivering a high-quality stream on a really small player as that would be a waste of pixels. Please see this article for more information –

Basically, you do not need to hardcode and have two different types of quality controls for an HLS stream, the best quality will be delivered automatically based on the conditions mentioned above.

Timoor Kurdi
Support Engineer


0 rated :

Thanks for your clear answer

Timoor Kurdi

JW Player Support Agent  
0 rated :

You’re welcome.

Post Your Public Answer