User Tools

Site Tools


convert_ogv_to_html5_compatible_mp4

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

convert_ogv_to_html5_compatible_mp4 [2015/09/21 07:25] (current)
mihael created
Line 1: Line 1:
 +====== Convert OGV to HTML5 compatible MP4 ======
 +The program //​recordmydesktop//​ saves the videos in OGV format. To be able to embed this in a web page with the HTML5 video element it needs to be either in OGV or MP4. And not every browser support every format (event if specified in the [[http://​www.w3schools.com/​HTML/​html5_video.asp | specs]]). So it is best to have both formats available in the web page.
  
 +<sxh html>
 +<video width="​1024"​ height="​656"​ controls >
 + <source src="​videos/​first-steps.mp4"​ type="​video/​mp4">​
 +  <source src="​videos/​first-steps.ogv"​ type="​video/​ogg">​
 + Your browser does not support the video tag. You can download the <a href="​videos/​first-steps.mp4">​video</​a>​ for offline viewing.
 +</​video>​
 +</​sxh>​
 +
 +To get an MP4 file from the OGV file you can use mplayer/​mencoder for it.
 +
 +  mencoder first-steps.ogv -lavcopts vcodec=libx264 ​   -o first-steps.mp4
 +
 +{{tag>​html}}
convert_ogv_to_html5_compatible_mp4.txt ยท Last modified: 2015/09/21 07:25 by mihael