Zum Hauptinhalt gehen

Karten zu Videos hinzufügen

Für diese Funktion ist eine Business-, Premium-, Standard-, Advanced- oder Enterprise-Mitgliedschaft erforderlich.

Karten bestehen aus einer anpassbaren Ebene im Stile von Benachrichtigungen, die Vimeo-Mitglieder so einsetzen können, dass sie während der Wiedergabe ihrer eingebetteten oder nicht gelisteten Videos erscheinen. Du kannst Karten so einfach wie eine Überschrift gestalten oder sie mit einer Beschreibung, einem Vorschaubild und einem Link zu einem beliebigen Ziel versehen.

In diesem Artikel:

Karten für deine Videos einrichten

Um Karten für eines deiner Videos hinzuzufügen oder zu bearbeiten, gehe zum Tab Interaktionstools der Videoeinstellungen. Klicke im Abschnitt Während des Videos auf + Karten, Kontaktformular und wähle dann „Karte“ aus dem Dropdown-Menü aus, um die Felder anzuzeigen, die für deine Karte ausgefüllt werden müssen.

Du musst mindestens einen Titel für deine Karte und den Zeitstempel eingeben, um festzulegen, wann sie während deines Videos zuerst erscheinen soll. Du hast auch die Möglichkeit, eine Beschreibung, einen Link und ein Vorschaubild hinzuzufügen. Wenn du deine Karte bearbeitest, siehst du, dass die Player-Vorschau in Echtzeit aktualisiert wird. Die kürzeste Zeitspanne, in der Karten nacheinander hinzugefügt werden können, beträgt sechs Sekunden.

Sobald du damit fertig bist, deine Karte zu bearbeiten , klicke auf den Button Hinzufügen. Du kannst bis zu eine Karte pro Videosekunde hinzufügen. Wenn du fertig bist mit der Bearbeitung aller deiner Einbettungseinstellungen, kannst du auf den Button Speichern drücken.

⚠️Hinweis: Wenn du deinem Video eine Karte hinzufügst, werden die Steuerelemente für Like, Später ansehen und Teilen deaktiviert.

Karten anzeigen

Die Anzeige von Videos mit Karten hängt von der Plattform ab, auf der das Video freigegeben wird, sowie von dem Gerät, mit dem es angezeigt wird.

⚠️ Hinweis: Karten werden nur auf Playern angezeigt, die im horizontalen Modus mindestens 600 Pixel breit sind (Standardplayer) und im vertikalen Modus mindestens 225 Pixel breit (Player, bei denen die Höhe größer ist als die Breite).

Karten bleiben sechs Sekunden lang in der oberen rechten Ecke deines Videos, wenn sie zum ersten Mal angezeigt werden, es sei denn, du hast eine andere Karte hinzugefügt, die in diesem Fenster angezeigt wird. Videos mit Karten werden überall dort, wo sie eingebettet sind, in-line abgespielt. Sie erscheinen auch auf der Videoseite auf Vimeo, wenn ihre Privatsphäreeinstellung „Privat“ oder „Nicht gelistet“ ist.

 

Ein Screenshot eines Videoplayers. In der rechten oberen Ecke des Videos ist eine Karte zu sehen. 

Auf Websites wie Wix, Squarespace und WordPress werden Videos mit Karten in mobilen Webbrowsern in-line abgespielt. Auf Facebook und Twitter, in mobilen Apps und im mobilen Webbrowsern wird auf die Videoseite von vimeo.com verlinkt.

Interaktionsanalysen für Karten

Im Analytics-Panel auf der Videoseite kannst du überprüfen, wie oft alle Karten in den letzten 30 Tagen gesehen und angeklickt wurden. Weitere Informationen zur Analyse von Video-Interaktionstools findest du unter Analytics-Panel der Videoeinstellungen.

Karten in Präsentationen

Karten sowie alle anderen Video-Interaktionstools (z. B. Endbildschirme und Kontaktformulare), die du zuvor hinzugefügt hast, werden nun in deiner Präsentation angezeigt. Sobald du deine Präsentation geteilt hast, sehen deine Zuschauer deine Karten, wenn sie die Präsentation ansehen. Mehr dazu erfährst du unter Vimeo-Präsentationen.

Einbettungscode für Videos mit Karten

Der normale Vimeo-Einbettungscode ist ein einfaches iFrame. Um Karten in allen Ansichtsumgebungen zu unterstützen, fügen wir dem regulären Einbettungscode einen Javascript-Wrapper hinzu. Der neue Einbettungscode ist responsiv, d. h. der Player behält sein ursprüngliches Seitenverhältnis bei, wenn die Größe des Browserfensters geändert wird. Unten findest du ein Beispiel für den Einbettungscode mit dem fettgedruckten Javascript-Wrapper.

<div class="vimeo-space" style="padding: 56.25% 0 0 0; position: relative;"><iframe src="https://player.vimeo.com/video/76979871" style="height: 100%; left: 0; position: absolute; top: 0; width: 100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>


Wenn du ein Video, dem du gerade Karten hinzugefügt hast, zuvor eingebettet hast, musst du den Einbettungscode auf deiner Website aktualisieren, um den Javascript-Wrapper zu berücksichtigen. Du kannst auf den neuen Einbettungscode zugreifen, nachdem du Karten zu deinem Video hinzugefügt hast. Klicke dazu auf den grauen Button Einbettungscode oberhalb der Player-Vorschau in deinen Einbettungseinstellungen.

Bewährte Methoden für das Teilen von Videos mit Karten auf Social-Media-Plattformen

Wenn du ein Video mit Karten auf Social-Media-Plattformen wie Twitter oder LinkedIn einbettest, kannst du anstelle des Vimeo-Einbettungscodes einfach die URL deiner Vimeo-Videoseite in deinen Beitrag einfügen.

Wenn du dein Video auf Facebook oder Twitter teilen möchtest, aber deinen Beitrag auf deine eigene Seite anstelle der Vimeo-Videoseite verlinken willst, musst du zusätzlichen Code zu deiner Website hinzufügen. Mehr dazu erfährst du unter Optimierung deiner Website für das Posten auf Social-Media-Plattformen.

Bewährte Methoden zum Einbetten von Videos mit Karten

Wenn du Videos mit Karten über einen Website-Builder wie Wix oder Squarespace einbettest, solltest du sicherstellen, dass der Javascript-Wrapper nicht aus dem Einbettungscode entfernt wird.  Wir empfehlen ausserdem, die Verwendung von Widgets zum Einbetten deiner Videos zu vermeiden.

Wenn du mehrere Videos mit Karten auf einer Seite einbettest, empfehlen wir, nur das JavaScript-Tag <script src="https://player.vimeo.com/api/player.js"></script> zu einem der Videos auf deiner Seite hinzuzufügen. Alle nachfolgenden Einbettungen sollten nur das neue <div>-Tag haben.

Das mehrfache Einfügen des Skript-Tags von JavaScript kann sich auf die Leistung deiner Seite auswirken.

Gehe folgendermaßen vor, um ein Video mit Karten in gängige Website-Builder einzubetten:

  • Wix
    • Klicke im Wix-Website-Editor auf k +Hinzufügen, wähle Mehr am unteren Rand der Liste aus und wähle dann die Option HTML-Code aus
    • Klicken Sie auf den Button Code eingeben über dem neuen grauen Block auf Ihrer Seite, um das Bearbeitungsmodul aufzurufen
    • Vergewissere dich, dass die Option Code ausgewählt ist und füge dann deinen Vimeo-Einbettungscode mit dem Javascript-Wrapper ein
    • Klicke auf den blauen ButtonAktualisieren und veröffentliche anschließend die Änderungen auf deiner Website
  • Squarespace
    • Gib den Bearbeitungsmodus für deine Squarespace-Seite ein, und klicke dann auf das Symbol + Block hinzufügen rechts oben auf der Seite
    • Scrolle im Menü nach unten, bis du die Überschrift Mehr erreichst, und wähle dann die Option </> Code aus
    • Füge deinen Vimeo-Einbettungscode mit dem Javascript-Wrapper ein und drücke dann auf den Button Anwenden
    • Wenn du alle Bearbeitungen auf deiner Seite gemacht hast , klicke in der oberen linken Ecke auf Speichern
  • Wordpress
    • Wähle die HTML-Bearbeitung in deinem Wordpress-Posting aus
    • Füge den Vimeo-Einbettungscode mit dem Javascript-Wrapper ein  
    • Wenn du bereit bist, klicke oben rechtsauf Aktualisieren
  • Tumblr
    • Wähle Video aus der Auswahl der Posting-Typen aus
    • Wähle Video hinzufügen aus der Web-Option aus
    • Füge deinen Vimeo-Code mit dem Javascript-Wrapper ein
    • Der eingebettete Vimeo-Player wird geladen und du hast die Möglichkeit, Texte zu Tumblr-Postings hinzuzufügen
    • Wenn du soweit bist, drücke auf den Button Abschicken.

Verwandte Beiträge

=