5. HTML5 Custom Video Player Controls JavaScript Full Screen Tutorial

How to show custom controls in full screen

Thanks this worked for me nine years after you posted this vid. I'm using videojs with custom controls including a custom fullscreen button. Thanks man! Almost as good as stackoverflow.

i just want to make a prank, is it possible to remove the buttons and it can be directly full screen without asking or showing an ESC option?

whats up asshole

what about men?'

Do you know how to implement custom controls on full screen mode?

you are a pro... Lady

Hello, I stopped by for express my appreciation. These "how to customize your vp controls" series are really useful. There are lots of online source but it works as it supposed to be completely and accurately. Congrats bro,

a lady.

ty

"whats up ladies" IM Male!!!

Adam you are great.

For those who can't get their code to work try this:

Note: replace elem with whatever the id of your video is called:

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}

is anyone having any issues with full screen not working with Chrome?  Note:  the only thing I can find from many a Google search is that webkit now uses a lowercase s in screen instead of a capital S.  But the full screen button still does not work on chrome.

can any one tell me how to make our own custom contol available on fullscreen mode

I think one of the strategy to make all the control work in full screen is to wrap the video and the control panel and full screen the wrapper. 

please show or tell me how to play in full screen with controls 
overlayed in the video

Please tell me how to make this video controls work in full screen????

whats up ladies????????????///

I just want to say that, as a lady, I especially appreciated this video and its focus on the concerns of female web developers.

What about the Next button and the prev button?