Bereitstellen von Videos über HTML5 und Smart-Player

Product
Video Cloud
Betrifft die Rollen
Publisher
Version
Brightcove 5
Edition
Alle
Erstellt von Jessica Nutting.

In diesem Dokument wird beschrieben, wie Sie an unserem HTML5-Frühversionsprogramm für Ihre Player teilnehmen und Brightcove-Smart-Player verwenden können.

Mit der raschen Verbreitung des mobilen Internet entsteht für Videopublisher eine fragmentierte Umgebung, in der die gewünschten Zielgruppen nicht mehr allein über Flash-Player erreicht werden können. Um Ihrem gesamten Zielpublikum Inhalte auf Desktop- und Mobilgeräten bereitzustellen, muss auch HTML5-Video ins Auge gefasst werden.

Mit der raschen Verbreitung des mobilen Internet entsteht für Videopublisher eine fragmentierte Umgebung, in der die gewünschten Zielgruppen nicht mehr allein über Flash-Player erreicht werden können. Damit Sie Ihrem gesamten Zielpublikum Inhalte auf Desktop- und Mobilgeräten bereitstellen können, müssen Sie auch HTML5-Video ins Auge fassen.

Videos Videoanleitung ansehen: HTML5-Smart-Player

Flash ist seit vielen Jahren der wichtigste Standard für die Videobereitstellung im Internet, während HTML5-Video noch eine relativ neue Technologie ist. Obwohl HTML5-Video sich rasch entwickelt, hat es noch nicht die Reife von Flash-Video erreicht. Dies gilt sowohl hinsichtlich der inhärenten Technologie als auch in Bezug auf die Vielfalt an verfügbaren Integrationen.

Video Cloud-Smart-Player sollen eine Lösung für diese Herausforderungen bieten. Wenn Sie die HTML5-Playerbereitstellung aktivieren, stellen die Video Cloud-Smart-Player Videos in einem Flash-Player für Desktopcomputer bereit, oder Sie werden zum Installieren von Flash aufgefordert, wenn Flash noch nicht installiert ist. Bei mobilen Geräten geben die Video Cloud-Smart-Player Ihr Video in einem Flash-Player wieder, wenn das Gerät Flash unterstützt und installiert hat. Auf mobilen Geräten, die Flash nicht unterstützen oder auf denen Flash nicht installiert ist, werden die Video Cloud-Videos in einem HTML5-Player wiedergegeben. Da Sie auf diese Weise über einen einzelnen Video Cloud-Player Videos in Flash oder HTML5 bereitstellen können, ist es nicht erforderlich, für jede Anzeigeumgebung separate Player zu erstellen und zu verwalten. Ihre vorhandenen Player können automatisch im Flash- oder HTML5-Modus geladen werden, ohne dass Sie dazu benutzerdefinierte Entwicklungsarbeiten durchführen oder zusätzlichen JavaScript-Code schreiben müssen. Derzeit verfügt Video Cloud über Unterstützung von HTML5-Playern in systemeigenen Browsern für bestimmte Betriebssystemversionen von Apple- und Android-Smartphones oder -Tablets. Genauere Informationen finden Sie unter Unterstützte Geräte für HTML5-Player.

Unser Ziel ist es, HTML5-Player mit demselben uneingeschränkten Funktionsumfang bereitzustellen, den wir auch für Flash-Player bieten. Wir betreiben großen Entwicklungsaufwand, um den Playern im HTML5-Modus weitere Innovationen hinzuzufügen. Im Abschnitt Aktuelle Einschränkungen dieses Themas finden Sie ausführliche Informationen über die Funktionsmerkmale, die in dieser Version für Smart-Player im HTML5-Modus noch nicht verfügbar sind.

Hinweis: Wenn Flash in Flash-unterstützten Umgebungen nicht installiert ist, fordert der Player den Betrachter standardmäßig zur Flash-Installation auf. Sie können HTML5-Fallback implementieren, wenn Flash zwar unterstützt wird, aber nicht installiert ist. In diesem Fall wird der Betrachter nicht zur Flash-Installation aufgefordert, sondern das Video wird auf einem HTML5-Player wiedergegeben.

Was ist ein Smart-Player?

Ein Smart-Player ist ein Video Cloud-Videoplayer, der als Flash- oder als HTML5-Player ausgeführt werden kann. Wenn ein Smart-Player mit dem Veröffentlichungscode für JavaScript-Player geladen wird, erkennt er das Gerät, mit dem er geladen wird. Wenn das Gerät Flash unterstützt, wird der Player im Flash-Modus geladen. Wenn das Gerät Flash nicht unterstützt, aber Unterstützung für HTML5 bietet, wird der Player im HTML5-Modus geladen.

Der HTML5-Modus wird nur für Geräte mit Apple iOS und Android unterstützt. Sie können testen, ob ein bestimmtes Gerät den HTML5-Modus unterstützt, indem Sie im Browser des Geräts die Webseite http://admin.brightcove.com/html5support/index.html aufrufen. Auf dieser Testseite wird explizit angegeben, ob Ihr Gerät mit HTML5-Playern von Video Cloud kompatibel ist.

Welche Player sind Smart-Player?

Alle Standardplayer-Vorlagen sind Smart-Player. Dies bedeutet, dass Player, die standardmäßige Playervorlagen für einzelne Videoplayer verwenden, Player mit einzelnen Wiedergabelisten und Player mit mehreren Wiedergabelisten als Flash- oder HTML5-Player ausgeführt werden können. Im HTML5-Modus wird in Vorlagen für mehrere Wiedergabelisten nur eine Wiedergabeliste angezeigt. Dabei handelt es sich entweder um die erste Wiedergabeliste oder gegebenenfalls die von Ihnen bereitgestellte Wiedergabeliste. Weitere Informationen über das Einstellen bereitgestellter Wiedergabelisten erhalten Sie unter Festlegen von bereitgestelltem Inhalt in Playern. Weitere Einzelheiten zu allen standardmäßigen Playervorlagen finden Sie unter Playervorlagen. Zudem verhalten sich benutzerdefinierte, mit BEML erstellte Playervorlagen wie Smart-Player, wenn sie ausschließlich unterstützte BEML-Elemente für HTML5-Player verwenden.

Konfiguration der Verwendung des HTML5-Modus

Sie können sowohl auf Kontoebene als auch auf Playerebene festlegen, ob der HTML5-Modus verwendet wird. Sie können den HTML5-Modus für alle vorhandenen Player aktivieren oder für einzelne Player aktivieren bzw. deaktivieren. Einzelheiten finden Sie unter Festlegen von Optionen für die HTML5-Videobereitstellung.

Gestaltung und Lokalisierung von Smart-Playern

Smart-Player können wie jeder andere Video Cloud-Player gestaltet werden, wobei jedoch einige Ausnahmen zu beachten sind. Sie können die Darstellung des Players mit dem Veröffentlichungsmodul in Video Cloud Studio anpassen. Die benutzerdefinierten Farben, Stile, Bilder und Designs werden dann für den Player verwendet, unabhängig davon, ob der Player sich im Flash- oder im HTML5-Modus befindet.

Auch bei der Lokalisierung von Smart-Playern gibt es keine Unterschiede zwischen dem Flash-Modus und dem HTML5-Modus. Aufgrund von Sicherheitsbeschränkungen für den domänenübergreifenden Zugriff kann ein Smart-Player im HTML5-Modus jedoch nur die standardmäßigen Sprachoptionen für Video Cloud-Player verwenden. Er kann keine externe XML-Labeldatei laden, die nicht von Video Cloud gehostet wird.

Aktuelle Einschränkungen in dieser Version

Unser Ziel ist es, HTML5-Player mit demselben uneingeschränkten Funktionsumfang bereitzustellen, den wir auch für Flash-Player bieten. In diesem Bereich können wir bereits zahlreiche Innovationen verbuchen, und in den folgenden Versionen werden wir unseren Playern im HTML5-Modus immer neue Funktionen hinzufügen. In dieser Version unterliegt ein Smart-Player im HTML5-Modus verglichen mit dem Flash-Modus den folgenden Funktionseinschränkungen:

Einschränkungen in Bezug auf den Inhalt

Für den Inhalt in Video Cloud-Smart-Playern gelten im Allgemeinen dieselben Anforderungen wie für alle mobilen Videos:

Stellen Sie auch sicher, dass Ihre Videos über mindestens eine Wiedergabeversion mit niedrigerer Bandbreite verfügen, die sich für die Bereitstellung über Mobilnetzwerke eignet. Wenn für Ihre Videos die standardmäßigen Video Cloud-Transcodierungseinstellungen gelten, sind keine weiteren Schritte erforderlich. Andernfalls sollten Sie sicherstellen, dass für Ihre Videos eine Wiedergabeversion vorhanden ist, die mit dem H.264-Baseline-Profil und einer Gesamtbandbreite von ca. 256 KBit/s codiert ist. Weitere Einzelheiten finden Sie unter Codierung für mobile Bereitstellung, Festlegen der Transcodierungsoptionen und Standardeinstellungen für die Transcodierung.

Um ein Abfallen der Leistung zu vermeiden, lädt ein Smart-Player im HTML5-Modus nur die ersten 20 Videos einer Wiedergabeliste. Ist ein Video in der Wiedergabeliste nicht unter den ersten 20 Videos, aber im Playerveröffentlichungscode als bereitgestelltes Video (featured) markiert, wird dieses markierte Video in den Smart-Player geladen und ersetzt damit das 20. Video in der Wiedergabeliste im Player.

Einschränkungen in Bezug auf die Playerveröffentlichung

Sie müssen den Player mit dem JavaScript-Veröffentlichungscode veröffentlichen. Lesen Sie dazu den Abschnitt zu Playerveröffentlichungscodes.

Nur Player, die mit dem JavaScript-Playerveröffentlichungscode veröffentlicht wurden oder über die Link-URL aufgerufen werden, können als Smart-Player fungieren. Player, die mit ActionScript oder dem HTML-Einbettungscode veröffentlicht wurden, können nicht als Smart-Player fungieren. Diese Player werden im Flash-Modus geladen, sofern das Gerät Flash unterstützt. Wird Flash vom Gerät nicht unterstützt, werden diese Player überhaupt nicht geladen.

Auf HTTPS-Seiten veröffentlichte Smart-Player lösen beim Laden im HTML5-Modus Sicherheitswarnungen aus. Bei aktivierter Domäneneinschränkung für einen Smart-Player wird dieser Player im HTML5-Modus auf einer HTTPS-Seite nicht geladen.

Nur Player, die mit Brightcove 3 oder höher erstellt wurden (ab Brightcove-Version 3, eingeführt im September 2008), sind Smart-Player. Player, die in Brightcove 2 mit ActionScript 2 erstellt wurden, können nicht als Smart-Player fungieren.

Playerfunktionen im HTML5-Modus

Der nachstehende Screenshot zeigt, wie ein Smart-Player als Flash- oder als HTML5-Player ausgeführt wird, wenn er nicht unterstützte Funktionen im HTML5-Modus enthält. HTML5-Player mit Ladebildschirm unterstützen nicht die Steuerelemente für die Weitergabe per E-Mail oder soziales Netzwerk, für das Abrufen des Codes, zur Anzeige als Vollbildschirm oder zum Anpassen der Lautstärke. Bei Playern ohne Ladebildschirm werden jedoch die Steuerelemente des Players verwendet, und es sind keine benutzerdefinierten Steuerelemente (z. B. zum Wechseln der Videoqualität) enthalten. Des Weiteren sind keine nicht unterstützten Funktionen wie Steuerelemente für soziale Netzwerke oder ein Steuerelement für die Lautstärke enthalten.

Flash HTML5

Funktionen für die Weitergabe und Menüs. Die Funktionen für die Weitergabe und die Menüs im Player (soziale Netzwerke, Link kopieren, Code herunterladen, E-Mail) sind noch nicht für Smart-Player im HTML5-Modus verfügbar.

Lautstärkesteuerung. Der Player hat keinen Lautstärkeregler. Betrachter müssen die Lautstärkeregler ihres Geräts verwenden.

Vollbildmodus. Wenn die Schaltfläche für den Vollbildmodus zur Verfügung stehen soll, müssen Sie den Videoplayer ohne Ladebildschirm verwenden, weil dann die browsereigenen Videosteuerungen angezeigt werden. Der Ladebildschirm des Videoplayers enthält derzeit kein Steuerelement für den Vollbildmodus. Da Apple kein JavaScript-Steuerelement zum Aktivieren des Vollbildmodus bietet, enthalten unsere benutzerdefinierten Steuerelemente keine Schaltfläche für den Vollbildmodus.

Player-APIs. Die Nur-Flash-Player-APIs von Video Cloud stehen derzeit nicht zur Verfügung. Verwenden Sie die Smart-Player-APIs.

Bumper-Videos. Bumper-Videos werden im HTML5-Modus noch nicht unterstützt. Bumper-Videos werden deshalb übersprungen.

Player-Plug-ins. In dieser Version werden Player-Plug-ins im HTML5-Modus nicht geladen. Dabei spielt es keine Rolle, ob sie zur BEML-Playervorlage gehören oder im Veröffentlichungsmodul konfiguriert wurden.

Einschränkungen in Bezug auf die Playergestaltung

  • Benutzerdefinierte Skins, Designs und Stylesheets werden im HTML5-Modus noch nicht unterstützt.
  • Zwischen einem Player im Flash-Modus und einem Player im HTML5-Modus können geringfügige Designunterschiede bestehen.

Smart-Player und Wiedergabeversionen mit variablen Bitraten

Bei einem Smart-Player im HTML5-Modus erfolgt die Videobereitstellung über standardmäßige HTTP-Verbindungen. Deshalb muss der Player eine Wiedergabeversion auswählen, wenn der Betrachter das Video zum ersten Mal abspielt. Außerdem bieten Mobilgeräte keinen Mechanismus, über den eine HTML5-Anwendung die Bandbreite erkennen kann. Deshalb ist der Player nicht in der Lage, zwischen Wiedergabeversionen zu wechseln. Um möglichst viele Verwendungsszenarien abzudecken und die Wiedergabe über Mobilnetzwerke zu gewährleisten, wird eine der Wiedergabeversionen mit niedriger Qualität gewählt. Dies ist die Wiedergabeversion, deren Gesamtbandbreite 256 KBit/s am nächsten kommt.

Ein Smart-Player im HTML5-Modus versucht nur, H.264-Dateien (MP4) wiederzugeben; Wiedergabeversionen im VP6-Format (FLV) werden ignoriert. Auf Apple-iOS-Geräten gibt der Player alle verfügbaren Apple HTTP Live Streaming-Wiedergabeversionen (M2TS) und, wenn die erkannte Bandbreite extrem niedrig ist, ggf. eine Nur-Audio-Wiedergabeversion wieder (sofern verfügbar).

Smart-Player und Analysen

Das Analysemodul verfügt über einen Bericht mit Plattformtrends zum Ermitteln, ob Videos in Flash- oder HTML5-Playern angesehen werden. Der Bericht „Plattformtrends“ zeigt Aufrufe, angezeigte Minuten und angezeigte Minuten pro Zugriff für einen festgelegten Datumsbereich je nach Flash- oder HTML5-Videoplayerplattform. Weitere Informationen über das Anzeigen von Plattformtrends finden Sie unter Referenzinformationen zum Analysebericht.

Auf der Berichtseite von Video Cloud Studio werden Daten über Streams, Playerladevorgänge und Bandbreitennutzung von Playern im HTML5-Modus erfasst und dargestellt. Diese Daten werden mit den Daten des Flash-Modus zusammengefasst. Es besteht keine Möglichkeit, die HTML5-Verwendung getrennt von der Flash-Verwendung anzuzeigen.

Smart-Player und Werbung

Video Cloud liefert eingeschränkte Unterstützung für das Abspielen von Pre-Roll-Anzeigen für in HTML5-Playern bereitgestellte Videos. Die Verfahren zum Schalten Ihrer Videoanzeigenkampagne und zum Zuweisen von Richtlinien sind identisch mit dem Zuweisen von Anzeigen bei Flash-Videos. Die HTML5-Anzeigenbereitstellung erfordert allerdings das Veröffentlichen in HTML5-fähigen Smart-Playern sowie einige spezielle Schritte zur Anzeigenserverintegration. Ausführliche Informationen und Einschränkungen bei der Unterstützung finden Sie unter Bereitstellen von Anzeigen über HTML5.

Tags
HTML5, Mobil