title: Bootstrap video player
body: <p>I want a responsive bootstrap video player and demo so that I know it will work responsively. presently I am using <a href="http://html5-ninja.com/preview/index/5#.UYjKBbWouuY" rel="nofollow noreferrer">http://html5-ninja.com/preview/index/5#.UYjKBbWouuY</a> but it doesn't support ie8 and not able to responsive.</p>
  
  <p>I have used it like:</p>
  
  <pre><code>&lt;div class="col-md-8" style="background: wheat"&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="videoUiWrapper thumbnail"&gt;
              &lt;video width="640" height="360" id="vdHotPress"&gt;
                  &lt;source src="http://ia700305.us.archive.org/18/items/CopyingIsNotTheft/CINT_Nik_H264_720.ogv" type="video/ogg" /&gt;
                  &lt;source src="http://ia700305.us.archive.org/18/items/CopyingIsNotTheft/CINT_Nik_H264_720_512kb.mp4" type="video/mp4" /&gt;
                  Your browser does not support the video tag.
              &lt;/video&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>it's not showing the play n volume buttons image. And also not responsive I mean I have checked with mozilla and attaching the screenshot.
  So that you can have an idea.
  <img src="https://i.stack.imgur.com/XTYaq.png" alt="Desktop version"></p>
  
  <p><img src="https://i.stack.imgur.com/geoGE.png" alt="Mobile version"></p>