Bei Jimdo ein Video ohne YouTube einbinden
Für alle Creator-Abo's ausser "Free"
(Bei der Free-Version ist ein Upload von MP4-Dateien nicht möglich.)
Falls dein Video nicht grösser als 100MB ist, kannst du es auch ohne YouTube resp. Vimeo auf deiner Jimdo Creator Website einbinden. Das geht so:
- Vorschaubild mit dem Element "Downloaddatei" auf eine versteckte Unterseite hochladen
- Videodatei mit dem Element "Downloaddatei" ebenfalls auf die versteckte Unterseite hochladen
- An der gewünschten Stelle (also auf der Seite, wo der das Video ersichtlich sein soll) den untenstehenden Code in ein Element "Widget HTML" kopieren (noch nicht speichern)
- Die versteckte Unterseite in einem neuen Fenster öffnen (in der Besucher-Ansicht, nicht im Bearbeitungsmodus)
- Mit der rechten Maustaste jeweils auf den Download-Button der Datei klicken und die Adresse des Links kopieren
- Zuerst den Link zum Vorschaubild und dann den Link zum Video im Code einfügen (innerhalb der Gänsefüsschen)
- Ggf. die Ausrichtung ändern (center, left, right) und speichern. Achtung: damit das Video auch auf Mobilgeräten perfekt angezeigt wird, darf die Breite (width) nicht verändet werden und du musst das Video in ein Spaltenelement setzen.
Code ohne Autostart und ohne Loop:
<div style="text-align: center;">
<video controls="controls" controlslist="nodownload" width="100%" height="auto" poster="Hier den Link des Vorschaubildes einfügen">
<source src="Hier den Link des Videos einfügen" type="video/mp4" /></video>
</div>
Demo:
Hier noch der Code, falls du möchtest, dass das Video bei Aufruf der Seite automatisch startet. (In diesem Fall benötigst du kein Vorschaubild.) Falls das Video nur einmalig abgespielt werden soll, kannst du den Loop (blau markiert) löschen. Die Stummschaltung (muted) ist notwendig, da der Autostart in einigen Browsern ansonsten nicht funktioniert.
Code mit Autostart und Loop:
<div style="text-align: center;">
<video controls="controls" controlslist="nodownload" muted="muted" autoplay="autoplay" loop="loop" width="100%" height="auto">
<source src="Hier den Link des Videos einfügen" type="video/mp4" /></video>
</div>
Demo:
Hinweis: wenn der Code nicht funktioniert, liegt es meistens daran, dass sich beim Einfügen des Links ein kleiner Fehler eingeschlichen hat (z.B. ein Leerzeichen zwischen Gänsefüsschen und Link).
Tipps zum Format und zur Auflösung:
Am besten nimmst du mp4, denn dieses Format können alle Browser abspielen. Für die Auflösung genügt in der Regel HD (1280x720). 2K oder 4K wird im Web nicht verwendet und Full HD (1920x1080) ist in der Regel auch nicht nötig, ausser wenn ein Video ganzseitig als Hintergrund eingebettet wird. Falls dein HD-Video die Seitenladezeit zu sehr beeinträchtigt, dann erstelle es besser in SD (640x360).
Falls du Hilfe benötigst, dann kontaktiere mich bitte über den Support.
