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

Dynamically hide/display buttons


Hi

I want to hide the fullscreen button until the user clicks the play button, and then show it again, using javascript.
How can I do it?

3 Community Answers

George

JW Player Support Agent  
0 rated :

Hi,

You could use the inspect tool in Chrome to find the elements you want to hide, and then use the JW Player API to either show or hide the button.
https://developer.jwplayer.com/jw-player/docs/developer-guide/api/javascript_api_reference/

Skin model:
https://developer.jwplayer.com/jw-player/css-skinning-model.html

Tali

User  
0 rated :

Thanks George

The thing is, that these elements don't have IDs. I wanted to use jwplayer().removeButton(id), but there's only a class property. So, I just used
$(window).on('load', function (e) {
$(".jwfullscreen").hide();
});
I would like to hide the button earlier, because you can still see it for a split second before it disappears.
If I try hiding it in the player's ready function or in the window ready function, it doesn't work at all, I guess the controls are only ready later.
Do you know if it's possible?
Thanks

George

JW Player Support Agent  
0 rated :

Hi,

Please send me a test page replicating the issue as described in the document below:
https://support.jwplayer.com/customer/portal/articles/2186238-troubleshooting-%E2%80%94-creating-a-test-page

The test page must not contain any additional code or CSS, it must only contain the player and concrete steps to reproduce with expected and actual behavior.

This question has received the maximum number of answers.