Wie man videos mit Vimeo einbindet - dummies

Nachdem Sie Ihr Video in Vimeo hochgeladen haben, führen Sie die folgenden Schritte aus, um ein Vimeo-Video in Ihre Webseite einzubetten.

1Starten Sie einen Webbrowser, melden Sie sich bei Ihrem Vimeo-Konto an und wählen Sie im Menü Video die Option Eigene Videos.

Die Seite "Videos" wird geöffnet.

2Wählen Sie auf der Seite Ihre Videos das Video aus, das Sie Ihrer Webseite hinzufügen möchten.

Das Video wird auf einer eigenen Seite auf Vimeo geöffnet.

3Klicken Sie auf die Schaltfläche "Einbetten" in der oberen rechten Ecke des Videofensters.

Es öffnet sich ein Fenster mit dem Code zum Einbetten des Videos auf Ihrer Webseite.

4Klicken Sie unten im Fenster auf den Link Integrationsoptionen anpassen.

Das Fenster "Dieses Video einbetten" wird erweitert, um mehrere Optionen anzuzeigen.

5Wählen Sie die Pixelgröße für die Anzeige des Videos aus und geben Sie die Zahlen in die Felder Größe im Fenster Dieses Video einbetten ein.

Die Wahl einer Größe ist eine der schwierigsten Entscheidungen, mit denen Videodesigner zu kämpfen haben. Natürlich gilt: Je höher die Auflösung des Videos, desto klarer das Bild und desto besser sieht es aus - aber die Datei, die an das iPhone / iPad gesendet wird, ist natürlich größer und belegt mehr Bandbreite.

Welche Größe Sie wählen, hängt davon ab, ob das Video auf allen verschiedenen Apple-Geräten angezeigt werden soll oder ob es separate Versionen gibt - eine Version mit geringerer Auflösung für das iPhone und eine Version mit höherer Auflösung für das iPad.

Eine gute Nachricht: Vimeo kümmert sich automatisch um die Mathematik hinter der Bildschirmauflösung. Sie sollten also keinen Rechner dafür brauchen. Wenn Sie als horizontale Größe des Videos 640 eingeben, füllt Vimeo die entsprechende Größe in das entsprechende vertikale Feld ein. Im Fall von 1280 x 720 High-Definition-Video wird das Video auf 640 x 360 verkleinert, um das Breitbildformat zu erhalten.

6Wählen Sie die Farbe des Titels des Videos aus dem Dropdown-Menü Farbe aus.

Sie können auch einen hexadezimalen Farbcode in das Feld neben dem Dropdown-Menü eingeben, wenn Sie eine benutzerdefinierte Farbe für den Titel des Videos hinzufügen möchten.

7Wählen Sie die Kontrollkästchen aus, um auszuwählen, welche Informationen auf dem Bildschirm angezeigt werden sollen, bevor das Video abgespielt wird:

Porträt: Verwenden Sie eine Miniaturansicht des Videos. Titel: Zeigt den Titel des Videos in der Farbe an, die Sie in Schritt 6 eingestellt haben. B yline: Zeigt den Namen des Erstellers unter dem Titel an.

8Wählen Sie die gewünschten Optionen aus dem Bereich Andere aus.

Am besten wählen Sie nicht "Autoplay This Video" oder "Loop This Video", da die Besucher gerne entscheiden, wann ein Video beginnt und wie lange es abgespielt werden soll. Wenn diese Optionen für ein Video ausgewählt werden, das an die mobile Plattform gesendet wird, kann dies zu erheblichen Verzögerungen beim Laden der Seite führen.

9Wenn alle Einstellungen angepasst sind, klicken und ziehen Sie, um den gesamten Code im Fenster "Embed Code holen" auszuwählen und zu kopieren.

Der Text im Fenster wird hervorgehoben, wenn er ausgewählt ist.Um den Code zu kopieren, platzieren Sie den Cursor an eine beliebige Stelle im Codefenster und klicken Sie mit der rechten Maustaste (oder klicken Sie bei gedrückter Wahltaste auf den Mac) und wählen Sie wie in der Abbildung angezeigt die Option Alles auswählen → Kopieren.

10Öffnen Sie Ihre Website in einem Webdesign-Programm wie Dreamweaver und fügen Sie den von Vimeo kopierten Code in Ihre Webseite ein.

Hier sehen Sie Adobe Dreamweaver, mit dem der Einbettungscode von Vimeo in eine Webseite eingefügt wird.

11Wenn Sie ein Blogging-Programm wie WordPress verwenden, können Sie den Code im WordPress Dashboard-Editor in die Codeansicht kopieren.

Um eine größere Auswahl an Optionen für die Darstellung Ihrer Videos anzuzeigen, wenn diese auf Vimeo gehostet werden, klicken Sie auf die Schaltfläche Einstellungen in der oberen rechten Ecke der Videoseite, um die Seite mit den Einstellungen anzuzeigen.