HTML5 Video Converter

Videos will play in all browsers, you'll get WebM, MP4 and OGV formats.
Auto-optimizes for great quality and fast load times.
Conversion starts immediately, you'll get the videos within minutes.

recently used by

Browse
Upload Your Video

No Software to install

Just upload your Video file. Conversion happens online.

Brilliant VP9 WEBM

High quality Webm, optimized according to Google's latest recommendations. Great quality with short load times.

WebM - MP4 - OGV

Your choice, or all 3 formats

MP4 Quick start

Moves metadata to file head. So video plays faster and your users have a better experience

Resumeable Uploader

Disconnected? It'll keep going as if nothing happened

Big files possible

Up to 4 GB. Free for files up to ~20MB

No Sign up needed

and will not ask for your E-Mail

Good for Website Video Backgrounds

Optionally remove audio to reduce file size

Upload then Download

Upload your video to start the conversion. Once completed, you can download the converted file

Virus free, Ad Free

No viruses or ads will be inserted into your files

Automatic Video Quality

Automatic Optimization for best speed & quality.

Leave a comment

How to use HTML5 Background Videos in your website

In order to use background videos, you'd ideally supply them in 3 versions. Those are MP4, OGV and WEBM. OGV is not really necessary though, unless you want to support the old Browsers Firefox 3.5 & 3.6, Opera 10.5 and Chrome 3, 4, & 5.

You would be using a HTML5 video tag like so

<video autoplay loop muted poster="media/image/road.jpg" id="background">
   <source src="media/video/road.mp4" type="video/mp4">
   <source src="media/video/road.webm" type="video/webm">
   <source src="media/video/road.ogv" type="video/ogg">
</video>

The above code also sets a poster. That is shown while the video loads or in browsers that can't play the video. To create a video poster, you could play the video on your computer, pause it and use shift + command + 4 (MAC. On Windows you could use the standard Snipping Tool.

And then you\d format this with CSS:

#background {
   display:none;
   position: fixed;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: -100;
   -webkit-transform: translateX(-50% translateY(-50%;
   transform: translateX(-50% translateY(-50%;
}

But we show that background video only on larger devices. Because on mobile phones background video may take up too many system resources. So we add this media query (replace the min-width: 62em with a value from your own css framework if you like

@media (min-width: 62em {
   #background {
      display:block;
   }
}