Dear Support,
I have added the jwplayer to my website and it looks awesome! The only thing is that, aside from when using a mobile phone, the full screen mode seems to be now working correctly.
As far as I know I haven't edited anything remotely related to the codes for full screen, yet it appears that it is bugged.
The player can be viewed on this link: www.app-alacarte.com
Hi there,
I’m assuming the behavior that you are writing about is how when you bring the player to fullscreen, there are other elements of your page appearing on top of it. If this is the case, then it is almost definitely being caused by the structure of your page and your CSS. For example, if you embed the player on a page without any other CSS or JavaScript, it would go into fullscreen just fine. Even though issues caused by CSS not written by us is not something we normally support, I did take a look at your code and it looks to all be caused by rules within your style.css file. If I open up Chrome Developer Tools and remove style.css from your page, the player appears normally in fullscreen. I would suggest taking a look at your use of z-index properties as they could potentially cause this type of behavior.
Please let me know if you need any more help or have any other questions.
Thank you!
Dear Alex,
Thanks for your response, I understand the issue unfortunately my CSS is filled with z-indexes that hold eachother together.
Is there a way to de-activate the full screen button? I'm afraid it's my last resort since trying to fix my CSS would be practically mean re-designing my complete website.
Thanks again for taking your service a step further, I really appreciate it and will definately recommend you guys to anyone I know!
Kind regards,
Yassine
I meant aside from dirty deleting it from the jw.css*
Hi Yassine,
Not a problem – I understand. Fortunately, JW Player 7 uses CSS for all of its skinning and a list of our DOM elements are referenced on our Developer Guide.
For your particular request, you would want to add the following CSS to your page to remove the fullscreen icon from the toolbar:
.jw-icon-fullscreen {
display: none;
}Please let me know if you need any more help or have any other questions.
Thank you!
Dear Alex,
Again thank you very much! This did the trick in the end:
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-fullscreen {
display: none;
}
For some reason the other one got ignored, maybe because of my code again.
Thanks a lot for your help and have a great day!
Kind regards,
Yassine
Glad to hear you got it working!