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

Show selected quality label


Hi,

I am using jwPlayer 7.2.2
I want to show selected video quality label instead of HD button. For example if I select quality 720p then it show 720p on the place of HD button not HD.

This is my example link.
http://granjur.com/jwplayer-7.2.2/

Please visit above link and help me.

I hope to hear will soon.

Thanks in advance.

5 Community Answers

Todd

JW Player Support Agent  
0 rated :

I am seeing the player’s File Not Found error on that page. I checked the source code of the page and it looks like the URLs of the videos are pointing to a different folder.

jwplayer

User  
0 rated :

Video source is fixed now please visit.

http://granjur.com/jwplayer-7.2.2/

Randy

JW Player Support Agent  
0 rated :

Hello,

You could potentially try to achieve this with some form of CSS as our player interface fully supports this approach. You can find more detail here: http://support.jwplayer.com/customer/portal/articles/2067702-skin-css-classes-reference-.

Randy

George

JW Player Support Agent  
1 rated :

Hi,

Use this as an example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>

<script src="http://content.jwplatform.com/libraries/OEp1hUBd.js"></script><style>

.jw-icon-hd::before{
content: attr(data-label)
}

</style> </head> <body> <div id="container">Loading Video…</div> <script> var playerone = jwplayer("container"); playerone.setup({ file:"http://content.jwplatform.com/manifests/s1BX6sJr.m3u8", width:"80%", aspectratio:"16:9", }); playerone.on("play",function(){ var i = playerone.getCurrentQuality(); document.getElementsByClassName("jw-icon-hd")[0].dataset.label=playerone.getQualityLevels()[i].label; }); playerone.on("levelsChanged",function(x){ document.getElementsByClassName("jw-icon-hd")[0].dataset.label=playerone.getQualityLevels()[x.currentQuality].label; console.log(playerone.getQualityLevels()[x.currentQuality].label); }); </script></body> </html>

jwplayer

User  
0 rated :

Thank you very much Mr. Randy this sample code is absolutely helpful for me. Now I have fixed my issue.

Have a nice day

This question has received the maximum number of answers.