Wenn Sie Videos mit dem Medienmodul veröffentlichen, können Sie die Player-URL verwenden, um eine Vorschau des Videos anzuzeigen, oder den Iframe oder den In-Page-Einbettungscode kopieren, um ihn in Ihre Webseite oder Anwendung einzufügen.
Die Standard Link zeigt den iframe-Einbettungscode und die Fortschrittlich Link zeigt den In-Page-Einbettungscode an. Aus der Perspektive der Player Management API sehen Sie auch den Advanced-Player-Code, der als embed_in_page Implementierung bezeichnet wird.
iframe Einbettungscode (Standard)
Typischer iframe-Einbettungscode wird wie folgt angezeigt:
<iframe src="https://players.brightcove.net/1507807800001/rf1BTdKk6M_default/index.html?videoId=6116779877001"
allowfullscreen=""
allow="encrypted-media"
width="960" height="540"></iframe>
Einige Vorteile der Verwendung des iframe-Einbettungscodes
- Keine Kollisionen mit vorhandenem JavaScript und/oder CSS
- Reaktionsschnell
- Der Iframe erleichtert die Verwendung in Social-Media-Apps oder wann immer das Video in einer Außenumgebung verwendet werden muss. Facebook wird beispielsweise erkennen, dass die Sicherheitsbedrohung viel geringer ist, wenn der Iframe verwendet wird, als das
<video>Tag und zugehöriges JavaScript auf ihrer Website (was Facebook nicht zulässt)
In-Page-Einbettungscode (Advanced)
Der typische In-Page-Einbettungscode wird wie folgt angezeigt:
<video-js data-account="1507807800001"
data-player="rf1BTdKk6M"
data-embed="default"
controls=""
data-video-id="6116779877001"
data-playlist-id=""
data-application-id=""
width="960" height="540"></video-js>
<script src="https://players.brightcove.net/1507807800001/rf1BTdKk6M_default/index.min.js"></script>
Obwohl die Integration des In-Page-Veröffentlichungscodes komplexer sein kann, ist die Verwendung des In-Page-Codes am besten, wenn die Seite, die den Player enthält, mit dem Player kommunizieren muss. Einige Beispiele dafür, wann der In-Page-Einbettungscode verwendet werden soll, sind:
- Der Code auf der enthaltenden Seite muss Spielerereignisse abhören und darauf reagieren
- Der Player verwendet Stile von der übergeordneten Seite
- Der Iframe-Code führt dazu, dass die Anwendungslogik fehlschlägt, wie eine Weiterleitung von der übergeordneten Seite
Selbst wenn Ihre endgültige Implementierung den iframe-Einbettungscode nicht verwendet, können Sie den In-Page-Code trotzdem mit einem Plugin für Ihr JavaScript und einer separaten Datei für Ihr CSS verwenden. Dies kapselt Ihre Logik, sodass Sie sie problemlos in mehreren Spielern verwenden können.
Empfehlung
Es gilt als beste Praxis, die Standardimplementierung (iframe) zu verwenden, es sei denn, eine bestimmte Anwendungslogik erfordert die Verwendung des erweiterten (seiteninternen) Codes. Wenn Sie das Audience-Modul verwenden, um die Zuschauerbeteiligung zu verfolgen, muss der erweiterte (seiteninterne) Einbettungscode verwendet werden.