Theater Mode

[Nano Adam]

I have a video on my website, it is an HTML5 video and the HTML code looks like this:

 

<video controls>
	<source src="movie.mp4" type="video/mp4">
</video>

How would I add a theater mode to this? I am looking for a way to incorporate it so it works on both Mobile and Desktop. I am not looking for actual code, but instead like an explanation to it. 

 

Thanks

[colonel_mortis]

The idea of a theatre mode on most sites is just that the <video> element is made bigger, and the background of the page is often darkened. You can do both of those fairly easily using javascript.