HTML5 Videokonverter
Verwandelt jedes Video in WebM, OGV oder MP4
benutzt von
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;
}
}