HTML5 Video Converter
Video's spelen in alle browsers, je krijgt WebM, MP4 and OGV formats.
Optimaliseert automatisch voor goede kwaliteit en snelle laadtijden
Conversie start onmiddelijk, je krijgt de video binnen enkele minuten.
recent gebruikt door
Er moet geen software geïnstalleerd worden
Je hoeft enkel het video-bestand te uploaden. De conversie gebeurt online.
Briljant VP9 WEBM
Hoge kwaliteit Webm, geoptimaliseerd volgens Google's laatste aanwijzingen. Uitstekende kwaliteit en korte laadtijden.
WebM - MP4 - OGV
Jouw keuze, of alle 3 de formats
MP4 Snelle start
Verplaatst de metadata naar de top van de file. Zo speelt de video sneller en is er een betere klantenervaring.
Hervatbare Uploader
Geen connectie meer? Het blijft gaan alsof er niks gebeurd is
Grote files zijn ook mogelijk
Tot 4GB. Gratis voor files tot ~20MB
Geen inschrijving vereist
We vragen niet om je e-mail
Geschikt voor Website Video Achtergronden
Je kan ook de audio verwijderen om te bestandsgrootte te verkleinen
Upload eerst, en dan Download
Upload je video om de conversie te starten. Van zodra het klaar is, kan je het bestand downloaden.
Virus vrij, Advertentie vrij
Er worden geen virussen of advertenties in je documenten verstopt
Automatische Video Kwaliteit
Automatisch optimalisatie voor de beste snelheid en kwaliteit.
Laat een reactie achter.
Hoe gebruik je HTML5 Achtergrond Videos op jouw website
Om achtergrondvideo's te gebruiken, heb je idealiter 3 versies. MP4, OGV and WEBM. OGV is niet echt nodig, tenzij je ondersteuning wilt voor oudere browsers zoals Firefox 3.5 & 3.6, Opera 10.5 and Chrome 3, 4, & 5.
Je gebruikt een HTML5 video tag zo:
<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>
De code hierboven plaatst een poster. Die wordt getoond terwijl de video laadt of in browsers die de video niet kunne spelen. Om een video poster te maken, kan je de video op je computer afspelen, hem pauzeren en volgende combinatie gebruiken shift + command + 4 (MAC. Op Windows kan je de knip tool gebruiken.
En dan format je dit met 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%;
}
Maar we tonen de achtergrond video enkel op grotere toestellen. Omdat op mobiele apparaten een achtergrond video teveel van het systeem vraagt. Dus plaatsen we deze media aanvraag (vervang de minimale breedte: 62em met een waarde van je eigen css framework, als je dat wil
@media (min-width: 62em {
#background {
display:block;
}
}