Sie haben ein Video auf dem Handy oder auf dem Rechner und wollen es auf Ihrer Seite zeigen. Jimdo bietet Ihnen dafür nur den Umweg über YouTube an, und dann stehen am Ende fremde Werbung und Videovorschläge auf Ihrer eigenen Seite.
Es geht auch ohne. Das Video läuft dann direkt bei Ihnen, ohne fremdes Logo und ohne Vorschläge, die Ihre Besucher zum nächsten Anbieter weiterlocken.
Programmierkenntnisse brauchen Sie nicht. Sie brauchen ein frei verfügbares Programm zum Verkleinern und den fertigen Code-Schnipsel von dieser Seite.
Richtwert für die fertige Datei. Im Paket JimdoFree sind laut Jimdo nur Dateien bis 10 MB möglich.
Gut geeignet ist das für kurze Videos, etwa eine Vorstellung oder einen Einblick in Ihre Arbeit.
Die Beschreibung bezieht sich auf Jimdo Creator. Jimdo Dolphin betreue ich nicht. Falls Sie nicht sicher sind, welche Version Sie haben: Creator erkennen Sie meist am klassischen Editor, in dem Sie Elemente frei platzieren und eigenen Code einfügen können. Dolphin baut die Seite eher aus fertigen Abschnitten auf und wird über einen Assistenten eingerichtet.
Die Datei liegt in Ihrem Jimdo-Paket und belegt dort Speicherplatz. Je nach Tarif gibt es zwei Grenzen: eine für die einzelne Datei, eine für den Speicher insgesamt. Auch deshalb lohnt sich das Verkleinern im ersten Schritt.
Für ein Vorstellungsvideo oder einen kurzen Einblick in Ihre Arbeit passt der direkte Weg gut. Eine ganze Sammlung oder sehr lange Filme würden Ihren Speicherplatz aufbrauchen und die Seite träge machen. Dafür ist ein Videodienst besser geeignet.
Eine Handy-Aufnahme hat schnell 200 MB und mehr. Für eine Website sollte die Datei deutlich darunter liegen, als Richtwert unter 20 MB. Nutzen Sie das Paket JimdoFree, gilt eine engere Grenze: Dort lassen sich laut Jimdo nur Dateien bis 10 MB hochladen.
Ein teures Programm brauchen Sie dafür nicht. HandBrake kostet nichts und läuft unter Windows und auf dem Mac. Sie öffnen Ihr Video darin, wählen rechts eine der fertigen Voreinstellungen für 720p und starten die Umwandlung. 720p ist eine Bildauflösung, die für eine Website völlig reicht. Als Format nehmen Sie MP4, das spielt jeder Browser ab.
Eine Minute in 720p landet danach meist bei 8 bis 15 MB. Ist die Datei immer noch zu groß, gehen Sie eine Stufe tiefer oder kürzen das Video vorne und hinten.
Ein eigenes Videoelement für hochgeladene Dateien gibt es in Jimdo Creator nicht. Sie nehmen deshalb das Element, mit dem man sonst Dateien zum Herunterladen anbietet. Setzen Sie es am besten auf eine versteckte Unterseite, die in keinem Menü auftaucht, und laden Sie Ihre MP4-Datei dort hoch.
Dann klicken Sie mit der rechten Maustaste auf den Download-Link, der dabei entstanden ist, und kopieren die Adresse. Das ist die Adresse Ihrer Videodatei, die Sie gleich brauchen. Das Download-Element lassen Sie danach auf der versteckten Seite stehen. Viele würden das Element nach dem Hochladen am liebsten löschen, weil es auf der Seite stört. Auf einer versteckten Unterseite stört es niemanden, und die Datei bleibt sicher erhalten. Auf Ihrer sichtbaren Seite erscheint das Video erst durch den Code aus Schritt 3.
Lässt Ihr Tarif den Upload nicht zu oder wird die Datei abgelehnt, brauchen Sie einen anderen Speicherort. Speicherplatz bei einem Hosting-Anbieter, den Sie ohnehin haben, reicht dafür. Der Rest der Anleitung bleibt gleich, Sie setzen dann eben diese Adresse ein.
Jetzt setzen Sie an die gewünschte Stelle ein HTML-Element und tragen dort diesen Code ein. Die beiden groß geschriebenen Stellen ersetzen Sie durch Ihre eigenen Adressen.
<video controls playsinline preload="metadata"
poster="ADRESSE-DES-STARTBILDS"
style="width:100%;height:auto;border-radius:8px">
<source src="ADRESSE-IHRER-VIDEODATEI" type="video/mp4">
Ihr Browser kann dieses Video nicht abspielen.
</video>Was die einzelnen Angaben bewirken:
controls zeigt die Bedienleiste mit Start, Pause und Lautstärke. Ohne sie kann niemand das Video steuern.playsinline sorgt dafür, dass das Video auf dem iPhone in der Seite bleibt und nicht ins Vollbild springt.preload="metadata" lädt beim Aufruf der Seite nur die Eckdaten des Videos, nicht das Video selbst. Für Ihre Ladezeit ist das der wichtigste Punkt im ganzen Code.poster ist Ihr Startbild. Fehlt es, zeigt der Browser ein zufälliges Einzelbild oder eine graue Fläche. Laden Sie dafür ein Bild in Jimdo hoch und holen Sie sich die Adresse genauso wie beim Video.Dann ergänzen Sie autoplay muted loop und lassen controls weg. Entscheidend ist dabei muted: Ohne Stummschaltung verhindern die gängigen Browser den automatischen Start. Für Ihre Besucher ist das auch angenehmer, denn ein Video, das ungefragt mit Ton losgeht, erschreckt eher.
Meistens stimmt die Adresse der Videodatei nicht. Rufen Sie sie einmal direkt im Browser auf. Das Video muss sich dort abspielen lassen.
Dann fehlt playsinline im Code.
Entweder ist die Datei zu groß, oder preload steht nicht auf metadata.
Schauen Sie sich immer die veröffentlichte Seite an. Eigener Code wird in der Vorschau oft gar nicht ausgeführt, und das kostet sonst unnötig Nerven.
Schicken Sie mir den Link zu Ihrer Seite und sagen Sie mir, an welcher Stelle das Video stehen soll. Die Videodatei selbst schicken Sie am besten über einen Download-Link, weil große Dateien per E-Mail oft nicht ankommen. Was es kostet, erfahren Sie, bevor ich anfange.
So erreichen Sie mich: info@kuenzl.dev
Ein eigenes Video ist nur eines von mehreren Dingen, die Jimdo nicht von Haus aus kann. Die anderen finden Sie in der Jimdo-Hilfe. In WordPress laden Sie Videos übrigens direkt in die Mediathek hoch, falls Sie ohnehin über einen Umzug zu WordPress nachdenken.
