title: How to disable default controls on a full screen HTML5 video?
body: <p>I have a video of a specified width and height, double clicking on which makes it go full screen using <code>videoElement.webkitRequestFullScreen()</code>.
  By default the video does not have any controls. But for some reason, on going full screen, the default controls pop up. Here is what I'm doing :</p>
  
  <pre><code>&lt;video id="videoId" width="320" height="240" autoplay="autoplay" ondblclick="enterFullScreen('videoId')" src="Blah.mp4"&gt;&lt;/video&gt;
  </code></pre>
  
  <p>And the <code>enterFullScreen(...)</code> function is defined as : </p>
  
  <pre><code>function enterFullScreen(elementId) {
      var element = document.getElementById(elementId);
      element.webkitRequestFullScreen();
      element.removeAttribute("controls");
  }
  </code></pre>
  
  <p>As you can see, I've already tried removing the controls in the function. But to no avail.</p>
  
  <p>Could someone tell me how to prevent this auto insertion of default controls from happening?</p>