title: Having custom controls still apply when go fullscreen on a HTML5 video?
body: <p>I've made custom controls for my HTML5 video but I don't know how to have that CSS still apply when I go fullscreen. </p>
  
  <p>Here's the <a href="http://www.inwebson.com/demo/html5-video/demo1/" rel="noreferrer">[website]</a> I've based my controls on.</p>
  
  <p>On this site, you'll notice that when you click the fullscreen button the custom controls get lost and the video reverts to the default <code>&lt;video&gt;</code> controls.</p>
  
  <p>Does anyone know how to have these custom controls styling/CSS still apply when you go fullscreen?</p>