benutzt von
Einfach Video hochladen, Umwandlung erfolgt online.
Webm in großartiger Qualität. Optimisiert nach Google's neuesten Empfehlungen. Beste Videoqualität bei kleiner Datenmenge.
Ihre Wahl, oder alle 3 Formate
Plaziert metadata zum Dateikopf. Dann spielt das Video schneller im Webbrowser
Verbindung unterbrochen? Upload geht weiter wenn sie wieder Online sind
Bis zu 4 GB.
und fragt auch nicht nach Ihrer E-Mail
wahlweise kann audio entfernt werden
Laden Sie Ihr Video hoch um die Umwandlung zu starten. Sie können das fertige Video herunterladen sobald es fertig ist.
Es werden keine Viren oder Werbung in Ihre Videos eingeplanzt
Andern Sie die Qualität (Dateigröße oder lassen sie die wie sie ist
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;
}
}