HTML5 Online 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
No Software to install
Your simple online converter, just upload your video file (any format) and the 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, just use it as a mp4 converter or all 3 formats. Can automatic detect what format.
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;
}
}