title: How to embed .h264 video file in html webpage using video tags
body: <p>I am trying to play <strong>.h264</strong> file in browser, Trying to accomplish this using html video tags. The result is always an empty frame.</p>
  
  <p>I did check some links on web, They recommend to play the video in <strong>.mp4</strong> container. </p>
  
  <p>Can someone help me to accomplish this?</p>
  
  <p>UPDATED CODE:</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-html lang-html prettyprint-override"><code>&lt;video width="560" height="340" preload controls&gt;
  
    &lt;source src="hh.h264" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'&gt;
     &lt;!--&lt;source src="hh.mov" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /&gt;
   &lt;source src="hh.ogv" type='video/ogg; codecs="theora, vorbis"' /&gt;
   &lt;source src="hh.webm" type='video/webm; codecs="vp8, vorbis"' /&gt;--&gt;
  
  
  
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>References:</p>
  
  <p><a href="https://stackoverflow.com/questions/2789838/how-do-i-play-h264-video/2789962#2789962">How do i play H264 video?</a></p>
  
  <p><a href="https://stackoverflow.com/questions/28076088/play-h264-files-webplayer">Play .h264 files webplayer</a></p>
  
  <p><a href="http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=6u-u00TH7Je" rel="noreferrer">http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=6u-u00TH7Je</a></p>