· 

Video auf der Jimdo-Website einbinden

Ein Video soll auf der eigenen Jimdo-Website gezeigt werden. Doch geht die Einbindung auch ohne eigenen Youtube-Channel (oder von Vimeo oder einer anderen Quelle)?  Sicher, denn mit einem kleinen "Trick" kann man ein Video direkt auf der Website einbinden.

215554425 | © Rawf8 - Fotolia.com
215554425 | © Rawf8 - Fotolia.com

Hallo, ich bin Andreas Paersch (=> Profil). Als Marketingberater unterstütze ich Selbstständige auf dem Weg zu einer erfolgreicheren Selbstvermarktung von "schlüsselfertiger" Website (Übersicht Angebote)  bis hin zu Seminaren & Schulungen (u.a. auch für JIMDO). In meinem Blog finden Sie Inspirationen und Hinweise für Ihre Marketingarbeit. Sichern Sie sich aktuelle Marketing-Tipps aus meinem Newsletter: ➦ Klicken Sie hier



Schritt 1:

Legen Sie eine im Menü versteckte Unterseite an. 


Schritt 2:

Fügen Sie das Inhaltselement "Dateidownload" hinzu und laden Sie die MP4-Datei auf Ihre Jimdo-Website.

Laden Sie auch noch ein angefertigtes Vorschaubild für das Video auf Ihre Website hoch.


Schritt 3:

Klicken Sie oben rechts auf das Bildschirm-ICON und wechseln Sie in die Besucheransicht.


Schritt 4:

Klicken Sie mit der rechten Maustaste auf das Datei-Download-Element und wählen Sie "Adresse des Links kopieren" aus.

Nehmen Sie sich ein Inhaltselement "Textfeld" und fügen Sie dort den kopierten Link ein (dann haben Sie ihn später sofort griffbereit)


Schritt 5:
Nun an die Stelle auf der Jimdo-Website wechseln, wo der Film für die Besucher sichtbar sein soll. Jetzt das Inhaltselement "Widget/HTML" einfügen.


Letzter Schritt:
Nun benötigen Sie den rechts abgebildeten HTML-Code:

  • Gelb markiert => da muss der Link hinein, den Sie für das Vorschaubild in Schritt 4 kopiert haben
  • Orange markiert => und hier der Link der MP4 Datei

Die Code-Schnipsel "Width" und "Height" geben Breite und Höhe des auszugebenden Films an. Wollen Sie die Fläche verringern, dann probieren Sie mal einen kleineren Wert einzusetzen (immer die gleichen Werte, ansonsten verzerren sich die Proportionen). Und einen weiteren Hinweis zu den Werten gleich nachfolgend in den Ergänzungen.

Kopierhilfe als Textversion siehe unten im Text


 

Nachsatz:
Danke an Nadja Rothenbühler, die mir den "Anschubser" zu diesem Artikel gegeben hat.


Update zum Artikel:

 

Tipp von Phillip Roth: "im Code-Schnipsel die Höhe auf Auto setzen (height=„auto“) und die Breite über Prozentangaben steuern (width=„100%“ oder width=„80%“ etc), dann wird das Video auch bei Responsive optimal dargestellt"

Super - aktualisiere ich gleich nachfolgend in der Textversion


Kannst Du den HTML-Code nochmal  nochmal als Text angeben?

<video controls=“controls“ poster=“Hier die URL der JPG-Datei einsetzen“ width=“100%“ height=“auto“><source src=“Hier die URL der MP4 Datei“ type=“video/mp4“/></video>

Warum wird im HTML-Code auch eine JPG-Datei abgefragt?
Damit ich auch das Vorschaubild anzeigen kann.

 

Ich brauchte im Code noch nicht einmal die Url eines Vorschaubildes einfügen. Das Video wird automatisch mit Bild angezeigt.

Habe ich so noch nicht ausprobiert - danke für den Hinweis. Mit einem einem ansprechenden Bildmotiv oder einem selbst gestalteten Motiv lässt es sich jedoch noch ein Stückchen schöner machen.

Jimdo Seminare

 

Lernen Sie in meinen Power-Seminaren, wie Sie das Optimale aus Ihrer Internetpräsenz auf Basis der Online-Software JIMDO herausholen können. 

 
>> Angebot Jimdo Seminare prüfen 

 

Tipps für Website & Marketing

 

Profitieren Sie von meinen Tipps zur Stärkung Ihrer Selbstvermarktung und zur Optimierung Ihrer Website. Lassen Sie sich automatisch informieren, wenn von mir ein neuer Artikel zum Thema Marketing erscheint.


>> zum Newsletter anmelden 

 



Ihnen hat mein Praxistipp gefallen?

Sie haben vielleicht noch einen ergänzenden Hinweis?
Ich freue mich auf Ihren Kommentar:

Kommentare: 4
  • #4

    Nadja Rothenbühler (Dienstag, 21 August 2018 15:51)

    Sehr gerne, lieber Andreas Paersch. Super umgesetzt! Das wird ab sofort meine neue und viel übersichtlichere Vorlage.
    Sonnige Grüsse Nadja

  • #3

    Silvia (Dienstag, 21 August 2018 14:47)

    Ich hatte auch vergeblich nach einer Lösung gesucht. Danke für den genialen Tipp und die ausführliche Beschreibung dazu.

  • #2

    Sven-Olaf (Sonntag, 12 August 2018 21:43)

    Danach hatte ich lange gesucht. Super Tipp, vielen Dank!

  • #1

    Dagmar (Sonntag, 12 August 2018 13:56)

    Danke für den wertvollen Tipp.