title: display videos of different formats in html page
body: <p>I have different formats of videos on my hard disk, i want to display then in a html page,
  for example as of now i had <code>.mp4</code> and <code>.flv</code> video formats = and trying to display with the below html code</p>
  
  <pre><code>&lt;div style="padding-top:90px;"&gt;
    &lt;video id="vid" width="350" height="250" controls="controls"&gt;
             &lt;source src="/home/user/videos/django_cms_1280x720.mp4" type="video/mp4" /&gt;
     &lt;/video&gt;
    &lt;video id="vid_re" width="350" height="250" controls="controls"&gt;
             &lt;source src="/home/user/videos/1100000.flv" type="video/mp4" /&gt;       
     &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So when the html page is rendered/opened in the browser, <code>django_cms_1280x720.mp4</code> video is playing with no problem, but the <code>1100000.flv</code> is not playing.......</p>
  
  <p>Can anyone please let me know how to display and play the videos of different format on html page ? </p>
  
  <p><strong>Edited</strong></p>
  
  <p>Since <code>.flv</code> videos are not supported by the html, i have converted them to mp4 and edited the code as below and still i am unable to play the video, the page just displaying the blank image of video</p>
  
  <pre><code>  &lt;video id="vid_re" width="350" height="250" controls="controls"&gt;
             &lt;source src="/home/user/videos/1100000_cnvtd.mp4" type="video/mp4" /&gt;       
     &lt;/video&gt;
  </code></pre>