title: How can I disable the native fullscreen video button from controls in Firefox and IE?
body: <p>To disable the HTML5 video fullscreen button in Chrome/Safari, this CSS works but not in FF/IE:</p>
  
  <pre><code>video::-webkit-media-controls-fullscreen-button {
          display: none;
      }
  </code></pre>
  
  <p>I found it in <a href="https://stackoverflow.com/questions/17678302/how-to-hide-full-screen-button-of-the-video-tag-in-html5">this thread</a> where there is <a href="http://jsfiddle.net/deveedutta/TFU4V/5/" rel="nofollow noreferrer">this fiddle</a> that hides the fullscreen button in all browsers.</p>
  
  <p>I duplicated that fiddle in <a href="http://codepen.io/SnapToPixels/pen/xVGLNx" rel="nofollow noreferrer">a CodePen</a> and the results are different. The button is hidden in Chrome/Safari but is showing in FF/IE.
  I missed something but I'm not sure what.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>video::-webkit-media-controls-fullscreen-button {
      display: none;
  }
  video::-webkit-media-controls-play-button {
     background: red; 
  }
  video::-webkit-media-controls-play-button {}
  video::-webkit-media-controls-timeline {}
  video::-webkit-media-controls-current-time-display{}
  video::-webkit-media-controls-time-remaining-display {}
  video::-webkit-media-controls-time-remaining-display {}
  video::-webkit-media-controls-mute-button {}
  video::-webkit-media-controls-toggle-closed-captions-button {}
  video::-webkit-media-controls-volume-slider {}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;video width="400" height="260" controls=""&gt;
   &lt;source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" /&gt;
   &lt;source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm" /&gt;
   &lt;source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg" /&gt;
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>