Karten bestehen aus einer anpassbaren Ebene im Benachrichtigungsstil, dieVimeo Business und Vimeo Premium -Mitglieder so einstellen können, dass sie während der Wiedergabe ihrer eingebetteten Videos angezeigt wird. Du kannst Karten einfach mit einer Überschrift versehen oder ausführlicher gestalten, z.B. mit einer Beschreibung, Miniaturansicht und Link zu einer beliebigen URL.
✦ Karten für deine eingebetteten Videos einrichten
Um Karten für eines deiner Videos hinzuzufügen oder zu bearbeiten, wechsel zum TabInteraktionstools deiner Videoeinstellungen. Klicke unter dem Abschnittt Während des Videos auf + Karten, E-Mail-Aufnahme 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, wenn du möchtest, dass sie zuerst während deines Videos erscheint. Du hast auch die Möglichkeit, eine Beschreibung, Link und Miniaturansicht hinzufügen. Wenn du deine Karte bearbeitest, siehst du, dass der Player ein Update in Echtzeit vornimmt.
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.
Bitte beachten: Karten erscheinen nur in deinen eingebetteten Videos. Der Onsite-Zugang zu deinen Videos beinhaltet keine Karten, die du hinzugefügt hast. Wenn du eine Karte zu deinem Video hinzufügst, werden die Steuerelemente Like, Anschauen, Später und Teilen deaktiviert.
✦ Karten auf Desktop versus Mobilegeräte ansehen
Je nach Plattform, auf der ein Video geteilt wird, und dem Gerät, auf dem es angezeigt wird, fällt das Zuschauererlebnis bei Videos mit Karten unterschiedlich aus.
Auf dem Desktop bleiben die Karten sechs Sekunden lang in der oberen rechten Ecke deines Videos, wenn sie zum ersten Mal angezeigt werden, es sei denn, du hast eine weitere Karte hinzugefügt, die in diesem Fenster erscheint. Videos mit Karten werden überall, wo sie eingebettet sind, in-line gespielt, wenn sie auf Desktop gesehen werden.
Auf dem Handy (oder wenn der Player mit weniger als 415px Breite eingebettet ist) erscheinen Karten unter dem eingebetteten Player. Sobald eine Karte erscheint, bleibt sie sichtbar bis die nächste Karte im Video zum Einsatz kommt. Der Betrachter kann sich unter dem Player durch die Karten bewegen bis zu dem Punkt im Video, an dem die gerade betrachtete Karte zuerst erscheinen sollte.
Auf Websites wie Wix, Squarespace und Wordpress werden Videos mit Karten in-line im mobilen Internet abgespielt. Auf Facebook und Twitter werden die mobilen Apps und das mobile Web mit der Videoseite bei vimeo.com verlinkt
✦ Interaktionsstatistiken für Karten
Im Statistik-Panel deines Videos kannst du überprüfen, wie oft alle Karten gesehen und in den letzten 30 Tagen angeklickt wurden. Hier erfährst du auch mehr über die Statistiken für Video-Interaktionstools. Video-Interaktionstools..
✦ Der 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 reaktionsfähig, weshalb der Player bei jeder Größenänderung des Browserfensters sein ursprüngliches Seitenverhältnis beibehalten kann. Siehe unten das 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 ein Video, dem du gerade Karten hinzugefügt hast, vorher von dir eingebettet wurde, musst du den eingebetteten Code auf deiner Website aktualisieren, um den Javascript-Wrapper zu berücksichtigen. Wenn du deinem Video Karten hinzugefügt hast, kannst du auf den neuen Einbettungscode zugreifen. Klicke auf den grauen Button Einbettungs-Codeüber dem Player-Preview in deinen eingebetteten Einstellungen.
✦ Bewährte Verfahren für den Austausch von Videos mit Karten auf sozialen Plattformen
Wenn du ein Video mit Karten auf sozialen 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, aber dein Posting an deine eigene Seite anstelle der Vimeo-Videoseite weiterleiten willst, musst du einen zusätzlichen Code zu deiner Website hinzufügen. Hier gibt's mehr Info über die Optimierung deiner Website für das Posten auf sozialen Plattformen.
✦ Bewährte Verfahren für die Einbettung 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, dass nur das Javascript-Tag <script src="https://player.vimeo.com/api/player.js"></script> einem der Videos auf deiner Seite hinzugefügt wird. Alle nachfolgenden Einbettungen sollten nur das neue <div> Tag enthalten. Eine mehrfache Verwendung des Javascript-Tags kann die Performance deiner Seite beeinflussen.
Hier ist ein kurzer Überblick, wie ein Video mit Infokarten auf den beliebtesten Homepage-Buildern eingebettet werden kann:
- 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 durch das Menü bis du die Überschrift 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.