Note that there are some explanatory texts on larger screens.

plurals
  1. POFFMPEG Convert HTML 5 Video NOT Working
    text
    copied!<p>I am using <strong>FFMPEG to convert</strong> a video to <strong>.mp4, ,ogg, .webm</strong> so that it may be viewed in <strong>all HTML5 capable browsers using the video tag</strong>. <strong>The problem is that I manage to convert the video to the 3 required formats but it does not display the video in the video tag</strong>, all I get is IE9: red cross, Firefox: Grey cross, could it be a problem with the conversion or is it something to do with the way I am adding them to the source of the video tag. <strong>Here is what I have done</strong>:</p> <ol> <li><p><strong>FFmpeg command line(s):</strong></p> <pre><code>ffmpeg -i test.mp4 test.mp4 ffmpeg -i test.mp4 test.ogg ffmpeg -i test.mp4 test.webm </code></pre></li> <li><p><strong>Here is the video tag:</strong></p> <pre><code>&lt;video id="video" height="340" width="470" onplaying="PlayVideoFromVid('PAUSE')" onpause="PlayVideoFromVid('PLAY')" onended="ResetVideo()" preload="true" autobuffer="true" controls="true"&gt; &lt;source src="test.ogg" type="video/ogg"&gt;&lt;/source&gt; &lt;source src="test.mp4" type="video/mp4"&gt;&lt;/source&gt; &lt;/video&gt; </code></pre></li> <li><p><strong>Webconfig lines for the video support:</strong></p> <pre><code>&lt;staticContent&gt; &lt;mimeMap fileExtension=".mp4" mimeType="video/mp4" /&gt; &lt;mimeMap fileExtension=".ogg" mimeType="audio/ogg" /&gt; &lt;mimeMap fileExtension=".oga" mimeType="audio/ogg" /&gt; &lt;mimeMap fileExtension=".ogv" mimeType="video/ogg" /&gt; &lt;mimeMap fileExtension=".webm" mimeType="video/webm" /&gt; &lt;/staticContent&gt; </code></pre></li> </ol> <p>It would be great if someone could send me the required parameters for ffmpeg to convert the video to the 3 required formats and an example of how they setting the source in the video tag to display them again. And any other advise would be great like how to set the quality up etc when doing the conversion.</p> <p>Thanks in advance.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload