title: Video HTML doesn't work on Internet Explorer 11
body: <p>I try to display a full width video on a web page, but it doesn't work on IE 11.</p>
  
  <p>html code :</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="containerVideo"&gt;
  
       &lt;video id="video" autoplay&gt;&lt;source src="assets/videos/video1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
          &lt;source src="assets/videos/video1.webm" type='video/webm; codecs="vp8, vorbis"' /&gt; 
          &lt;source src="assets/videos/video1.ogg" type='video/ogg"' /&gt;
          Video not supported. 
      &lt;/video&gt;
  
  &lt;/div&gt; &lt;!-- fin Container Video --&gt;
  </code></pre>
  
  <p>CSS code :</p>
  
  <pre class="lang-css prettyprint-override"><code>#containerVideo {
      position:absolute;
      height:100%;
      width:100%;
      overflow: hidden;
      z-index: 1; 
  }
  
  #containerVideo video {
      min-width: 100%;
      min-height: 100%;
  }
  </code></pre>
  
  <p>How can I solve this?</p>