How can I convert from mp4 to webm using VLC, if possible? What codec should I choose? Do I need to recode the sound?
I'm trying to put html5 video on a website with flash as fallback. As I understand it, it's the only format (webm) that Firefox allows (unless you are on windows 7 64bit?). Theora seems to work but from what I understand it's a bit old, also it takes a while before it renders the picture correctly and provides no thumbnail :(
<video controls width="500">
<!-- if Firefox -->
<source src="video/45-theora.ogg" type="video/ogg" />
<!-- if Safari/Chrome-->
<source src="video/45.mp4" type="video/mp4" />
</video>
Oh and I'm on Mac OS Lion but I have access to Windows 7, Vista and XP if it makes it easier for someone.
Thanks for any help!
Just to update this answer, I would not recommend using Miro Video Converter any more. It used to be my weapon of choice for creating HTML5 video for web, but the current version 3 of the program has issues with converting into ogg theora: the quality of the converted video is far too low and to create a higher quality version you have to use ffmpeg command line utility.
Easyhtml5video is really good as it automatically creates all video formats with flash fallback with embed code but you will have to pay $69 for it - the free version adds watermarks to the videos.
At the minute I'm using VLC player to do the video conversions. To convert mp4 files in VLC I do the following:
Conversion to .webm
Conversion to .ogv:
If you need to resize or crop your video, I would recommend you do this to the .mp4 file first using Handbrake. Trying to create resized versions of .ogg/ogv or webm files using VLC does not give you great results in my experience.
When putting the videos on a webpage, I use VideoJs - this allows you to create html5 video with flash fallback for older browsers very easily. Slightly more work than easyhtml5video, but its free to use.