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.