HTML5 Videokonverter

Verwandelt jedes Video in WebM, OGV oder MP4

benutzt von

Google Design Logo
Hyperloop Logo
Uber Logo
Rhino Logo
Sammy Logo
Itzehoer Logo
Datei wählen
Video Hochladen

Keine Installation nötig

Einfach Video hochladen, Umwandlung erfolgt online.

Brilliantes VP9 WEBM

Webm in großartiger Qualität. Optimisiert nach Google's neuesten Empfehlungen. Beste Videoqualität bei kleiner Datenmenge.

WebM - MP4 - OGV

Ihre Wahl, oder alle 3 Formate

MP4 Schnellstart

Plaziert metadata zum Dateikopf. Dann spielt das Video schneller im Webbrowser

mach-weiter Hochlader

Verbindung unterbrochen? Upload geht weiter wenn sie wieder Online sind

Auch für große Videos. Kostenlos für Videos bis 20MB.

Bis zu 4 GB.

Keine Registrierung notwending

und fragt auch nicht nach Ihrer E-Mail

Gut für Webseiten Video Hintergründe

wahlweise kann audio entfernt werden

Hochladen dann runterladen

Laden Sie Ihr Video hoch um die Umwandlung zu starten. Sie können das fertige Video herunterladen sobald es fertig ist.

Virenfrei, Werbefree

Es werden keine Viren oder Werbung in Ihre Videos eingeplanzt

Wählen Sie die Video Qualität

Andern Sie die Qualität (Dateigröße oder lassen sie die wie sie ist

Kommentar hinterlassen

Wie benutzt man HTML5 Videos in Webseiten?

Damit Ihre Videos in allen Browsern verlässlich spielen sollten sie in 3 Formaten angeboten werden. Das sind MP4, OGV und WEBM. OGV ist allerdings nicht immer notwendig, es sei denn Sie möchten alte Browser wie Firefox 3.5 & 3.6, Opera 10.5 and Chrome 3, 4, & 5 unterstützen.

Sie könnten die Videos dann folgendermaßen in Ihre Webseite einpflegen:

<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>

Dieser Code setzt auch ein Poster. Das Poster wird gezeigt während das Video lädt order falls der Browser Videos nicht anzeigen kann (z.B. telefone. Wenn Sie hier ein Video hochladen wird automatisch ein Posterbild erstellt das Sie verwenden können.

Und dann formatieren Sie dies mit 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%;
}

Wir zeigen das Hintergrundvideo nur in größeren Geräten da Hintergrundvideos auf smartphonen zu viel rechenpauer und datenverkehr benötigen. Daher nuten wir diesen media-query:

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