I'm using jwplayer with `controls: false` and creating custom controls using the API. The problem we've encountered is that in full screen, the controls aren't visible. Is there a way to put back on the original controls in full screen mode or to style custom elements to overlay the fullscreen video?
Thanks!
I've figured out how to re-enable the controls using `jwPlayer.setControls(true);`.
Would still be great to know if there's a way to overlay on top of the fullscreen mode though.
You can do this with our API:
<!DOCTYPE html>
<script src="http://p.jwpcdn.com/6/8/jwplayer.js"></script>
<div id='my-video'></div>
<br />
<a href="#" onclick="jwplayer().play();">Play</a>
<a href="#" onclick="jwplayer().setFullscreen(true);">Full Screen</a>
<script type='text/javascript'>
jwplayer('my-video').setup({
playlist: [{
image: "http://content.bitsontherun.com/thumbs/i8oQD9zd-640.jpg",
sources: [{
file: "http://content.bitsontherun.com/videos/i8oQD9zd-kNspJqnJ.mp4"
},{
file: "http://content.bitsontherun.com/videos/i8oQD9zd-27m5HpIu.webm"
}]
}],
controls: false
});
jwplayer().onFullscreen(function(){
jwplayer().setControls(true);
if(jwplayer().getFullscreen() == false){
jwplayer().setControls(false);
}
});
</script>
http://support.jwplayer.com/customer/portal/articles/1413089-javascript-api-reference
