Site mit Videos selbst gemacht

Video Bars auf der Webseite

Mehrere Video Bars auf der Webseite

Wenn Sie auf Ihrer Webseite mehrere Video Bars platzieren, können Sie es so einrichten, dass sich diese denselben Video-Player teilen. Dazu bestimmen Sie einen der Video Bar-Objekte als Master. Bei dieser Konstellation ist es allerdings erforderlich, den Ort des Video-Players ausdrücklich festzulegen.

An Stelle der Konstanten GSvideoBar.PLAYER_ ROOT_FLOATING verweisen Sie im zweiten Parameter des Konstruktors wiederum auf eine ID. Diese ordnen Sie im Body der Seite einem bestimmten HTML-Element zu wie . Dort wird der Video-Player dann eingeblendet.

Bei allen weiteren Video Bars geben Sie im options-Parameter als Wert für master das Objekt mit dem Video-Player und im Konstruktor den Wert null an (Beispiel videobar3.htm, Heft-DVD). Die Methode execute führen Sie für jedes der Video Bar-Objekte mit eigenen Suchbegriffen aus.

options = {
master : vbr,
...
}
vbr_left = new GSvideoBar(
document.
getElementById("videoBarLeft"),
null,
options);
vbr_left.execute("ytchannel:ard");
vbr_right = new GSvideoBar(
document.getElementById("videoBarRi
ght"),
null,
options);
vbr_right.execute("CNN");

Video Bar Programming Guide

Weitere Informationen erhalten Sie auf der Entwicklerseite von YouTube (http://code.google.com/intl/de-DE/apis/youtube/overview.html). Rufen Sie die Seite am besten über die Verknüpfung Entwickler unten auf der YouTube- Startseite auf.

Das Dokument Video Bar Programming Guide - ebenfalls zu erreichen über die YouTube-Entwicklerseite - finden Sie unter www.google.com/uds/solutions/videobar/reference.html.

Mehr zum Thema

HTML 5
Webgestaltung

Google Web Designer ist spezialisiert auf HTML5. Ein Vorteil dieses Standards ist das einfache Einbinden von Videos mit dem Element video. Wir zeigen…
Wir verraten, wie Sie Fritzboxen und andere Router vor Hackern schützen.
Fritzbox, Asus, Belkin und Co.

Fritzbox, Asus, Belkin oder DLink - die Liste der geknackten Router ist lang. Hacker stahlen Passwörter oder NAS-Daten. So machen Sie Ihren Router…
Wir führen Sie zur eigenen Windows-App - unserem PC-Magazin-RSS-Feed.
C# und XAML

Wir zeigen, wie Sie Windows 8.1 Apps selbst programmieren können. Lernen Sie das App erstellen an Hand unseres Beispiels: dem RSS-Feed von PC…
Windows Tipps & Tricks: Benutzerrechte unter Windows 8.1
Programme richtig installieren

Wir zeigen Ihnen, wie Sie sich unter Windows 8.1 alle Benutzerrechte verschaffen und Programme richtig installieren.
Windows 8: Starbildschirm
Microsoft Project Siena

Erstellen Sie sich selbst eine App für Windows 8, die auf alle Funktionen Ihres Tablets zugreifen kann, inklusive Kamera, Mikrofon und Lautsprecher.…