Dokumentation Dynamic Media Classic-Anleitung

Bereitstellen von Videos auf Websites und mobilen Sites deploying-video-to-your-websites-and-mobile-sites

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Themen:

Erstellt für:

Fortgeschrittener
Benutzende

Websites, mobile Sites und Desktop-Applikationen greifen mithilfe von URL-Zeichenfolgen oder eingebettetem Code auf Adobe Dynamic Media Classic-Serverinhalte zu, einschließlich Videos. Adobe Dynamic Media Classic aktiviert diese URL-Zeichenfolgen während des Veröffentlichungsvorgangs. Um die URL-Zeichenfolge oder den Einbettungscode für Ihr Video in Ihre Webseiten, mobilen Seiten und Desktop-Anwendungen einzufügen, kopieren Sie es aus Adobe Dynamic Media Classic.

NOTE

Die URL oder der Einbettungscode ist erst aktiv, wenn Sie das Asset veröffentlichen.

Veröffentlichen von Videos publishing-video

Durch das Veröffentlichen eines Videos können Adobe Dynamic Media Classic-Server Videos für Ihre Website, mobile Site oder Anwendung bereitstellen.

Es gibt zwei verschiedene Methoden zum Veröffentlichen von Videos:

Publish-Videos automatisch und sofort beim Hochladen: Im Rahmen des Video-Upload-Prozesses kann Adobe Dynamic Media Classic Videos automatisch veröffentlichen, wenn sie hochgeladen und kodiert werden. Diese Möglichkeit der sofortigen Veröffentlichung bedeutet, dass es nicht notwendig ist, Videos separat zu veröffentlichen.
Publish-Video manuell nach dem Hochladen: Wenn Sie Videos nicht sofort veröffentlichen möchten, können Sie Videos jederzeit manuell veröffentlichen.

Nach der Veröffentlichung von Videos aktiviert Adobe Dynamic Media Classic die URL-Zeichenfolgen für Ihre HTML-Seite oder Ihren Anwendungscode.

So veröffentlichen Sie Video:

Führen Sie einen der folgenden Schritte aus:
- Um Videos automatisch und sofort beim Hochladen zu veröffentlichen, wählen Sie auf der Seite "Hochladen"die Option Publish nach dem Hochladen von aus. An dieser Stellen ist der Vorgang abgeschlossen, Sie müssen keine weiteren Schritte ausführen.
- Um Videos nach dem Hochladen manuell zu veröffentlichen, wählen Sie im Bedienfeld "Durchsuchen"die Videos aus und klicken Sie dann in der Symbolleiste für globale Navigation auf Publish.

Verknüpfen einer Video-URL mit einer mobilen Site oder Website linking-a-video-url-to-a-mobile-site-or-a-website

Wenn Sie ein Video veröffentlichen, können Sie die zugehörige URL abrufen, um sie auf Ihrer Website, mobilen Site oder in Ihrer Desktop-Applikation zu verwenden. Verwenden Sie die Video-URL, wenn Sie Videos in einem Popup- oder modalen Fenster auf der Webseite anzeigen möchten.

Wenn ein Kunde den Link auswählt, werden sein Gerät, die Bandbreite und die Bildschirmgröße automatisch erkannt. Das entsprechende Video wird zur Wiedergabe in einem vordefinierten Viewer für Desktop-PCs oder mit dem systemeigenen Videoplayer für Smartphones und Tablets des Mobilgeräts angezeigt.

Siehe auch Einbetten des Video-Viewers auf einer Web-Seite.

So verknüpfen Sie eine Video-URL mit einer mobilen Site oder Website:

Wählen Sie im Bedienfeld zum Durchsuchen von Assets in der Dropdownliste Anzeigen die Option Video oder Adaptives Videoset aus.
Im Bedienfeld „Asset-Bibliothek“ auf der linken Seite navigieren Sie zu dem Asset-Ordner, in dem das Video bzw. das adaptive Videoset enthalten ist, für das Sie eine Verknüpfung erstellen möchten.
Führen Sie über dem Bedienfeld zum Durchsuchen von Assets auf der rechten Seite der Symbolleiste einen der folgenden Schritte aus:
- Wählen Sie Rasteransicht oder Listenansicht aus. Doppelklicken Sie im Bedienfeld zum Durchsuchen von Assets auf eine Videominiatur, um sie in der Detailansicht zu öffnen. Wählen Sie im Bedienfeld "URLs"und "Einbettungscode"auf der rechten Seite unter "HTTP Streaming"die Option URL kopieren rechts neben dem gewünschten Viewer. Als Best Practice wird empfohlen, die mit dem Viewer Universal_HTML5_Video verknüpfte URL zu kopieren.
- Wählen Sie Rasteransicht aus. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und gehen Sie dann unter dem Miniaturbild zu Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle URL kopieren aus. Als Best Practice wird empfohlen, die mit dem Viewer Universal_HTML5_Video verknüpfte URL zu kopieren.
- Wählen Sie Listenansicht aus. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und navigieren Sie dann rechts neben dem Miniaturbild zu Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle URL kopieren aus. Als Best Practice wird empfohlen, die mit dem Viewer Universal_HTML5_Video verknüpfte URL zu kopieren.
- Wählen Sie Rasteransicht, Listenansicht oder Detailansicht aus. Wechseln Sie in derselben Symbolleiste zu Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle URL kopieren aus. Als Best Practice wird empfohlen, die mit dem Viewer Universal_HTML5_Video verknüpfte URL zu kopieren.
Fügen Sie die HTML5 Video-URL auf Ihrer Website und Ihrer mobilen Site ein.

Einbetten des Video-Viewers auf einer Webseite embedding-the-video-viewer-on-a-web-page

Verwenden Sie die Funktion Einbettungscode , wenn Sie das auf der Webseite eingebettete Video wiedergeben möchten. Kopieren Sie den Einbettungscode in die Zwischenablage, damit Sie ihn in Ihre Webseiten einfügen können. Die Bearbeitung von Code im Dialogfeld „Code einbetten“ ist nicht zulässig.

Siehe auch Verknüpfen einer Video-URL mit einer mobilen Site oder Website.

So betten Sie den Video-Viewer auf einer Webseite ein:

Wählen Sie im Bedienfeld zum Durchsuchen von Assets in der Dropdown-Liste "Anzeigen"die Option Video oder Adaptives Videoset aus.
Navigieren Sie auf der linken Seite der Asset-Bibliothek zum Asset-Ordner, der das Video oder das adaptive Videoset enthält, dessen Einbettungscode Sie kopieren möchten.
Führen Sie über dem Bedienfeld zum Durchsuchen von Assets auf der rechten Seite der Symbolleiste einen der folgenden Schritte aus:
- Wählen Sie Rasteransicht oder Listenansicht aus. Doppelklicken Sie im Bedienfeld zum Durchsuchen von Assets auf eine Videominiatur, um sie in der Detailansicht zu öffnen. Wählen Sie im Bedienfeld "URLs"und "Einbettungscode"auf der rechten Seite unter "HTTP Streaming"die Option Einbettungscode rechts neben dem gewünschten Viewer aus. Wählen Sie als Best Practice Einbettungscode aus, der mit dem Universal_HTML5_Video -Viewer verknüpft ist.
- Wählen Sie Rasteransicht aus. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und klicken Sie dann unter dem Videominiaturbild auf Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle Einbettungscode aus. Wählen Sie als Best Practice Einbettungscode aus, der mit dem Universal_HTML5_Video -Viewer verknüpft ist.
- Wählen Sie Listenansicht aus. Wählen Sie im Bedienfeld zum Durchsuchen von Assets ein einzelnes Asset aus und navigieren Sie dann rechts neben dem Miniaturbild zu Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle Einbettungscode aus. Wählen Sie als Best Practice Einbettungscode aus, der mit dem Universal_HTML5_Video -Viewer verknüpft ist.
- Wählen Sie Rasteransicht, Listenansicht oder Detailansicht aus. Wechseln Sie in derselben Symbolleiste zu Vorschau > Viewer-Liste.
  
  Wählen Sie auf der Seite "Viewer-Liste"unter der Spalte "Aktionen"der Tabelle Einbettungscode aus. Wählen Sie als Best Practice Einbettungscode aus, der mit dem Universal_HTML5_Video -Viewer verknüpft ist.
Wählen Sie im Dialogfeld "Einbettungscode"die Option In Zwischenablage kopieren.

Die Bearbeitung von Code im Dialogfeld „Code einbetten“ ist nicht zulässig.
Wählen Sie Close aus.
Fügen Sie den Einbettungscode in Ihre Webseiten ein.

Implementieren von Einbettungscode für die Verwendung von HTML5-Video mit MP4-Video-Assets implementing-embed-code-for-using-html-video-with-mp-video-assets

Möglicherweise möchten Sie den Adobe Dynamic Media Classic HTML5-Videoplayer nicht verwenden. Wenn Sie stattdessen das native HTML 5 <video> -Tag mit MP4-Video-Assets verwenden möchten, können Sie das folgende Einbettungscode-Beispiel verwenden:

<video poster="S7 video thumbnail URL" controls>
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        <p>This is fallback content</p>
</video>

Ersetzen Sie "S7 video thumbnail URL" durch die URL der Miniaturansicht des Videos, die das Miniaturbild des Videos darstellt, das einem Benutzer vor der Wiedergabe des Videos angezeigt wird.

Siehe Abrufen von Videominiatur-URLs.
Ersetzen Sie "S7 OGG video asset URL (no player)" durch die progressive URL des Videos für OGG-Videos.

Siehe Verknüpfen einer Video-URL mit einer mobilen Site oder Website.
Ersetzen Sie "S7 MP4 mobile progressive video asset URL (no player)" durch die progressive mobile URL des Videos.

Siehe Verknüpfen einer Video-URL mit einer mobilen Site oder Website.

Bereitstellen von Videos mit einem Video-Player eines Drittanbieters deploying-video-using-a-third-party-video-player

Wenn Sie Video-Player von Drittanbietern oder einen benutzerdefinierten Video-Player anstelle eines Dynamic Media Classic-Video-Viewers verwenden, erhalten Sie die direkte Video-URL, die für HLS-Video-Streaming mit mehreren Bitraten oder progressiven Download funktioniert.

So stellen Sie Videos mit einem Video-Player eines Drittanbieters bereit:

Navigieren Sie in Adobe Dynamic Media Classic auf der Leiste "Globale Navigation"zu Einrichtung > Anwendungseinstellungen > Allgemeine Einstellungen.
Abhängig vom URL-Typ, die Sie verwenden möchten, führen Sie einen der folgenden Schritte aus:

So generieren Sie eine direkte HLS-Streaming-Video-URL (Multi-Bitrate)

Erstellen Sie auf der Seite Allgemeine Programmeinstellungen in der Gruppe Server im Textfeld Veröffentlichter Servername die direkte URL. Verwenden Sie die folgende Syntax: server/is/content/company/folder/filename.m3u8

Angenommen, der Name des veröffentlichten Servers lautet https://s7d9.scene7.com/. Die direkte URL könnte mit der Syntax in Schritt 2 wie folgt aussehen:
https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8
So generieren Sie eine direkte HLS-Streaming-Video-URL (Einzelbit-Rate)

Erstellen Sie auf der Seite Allgemeine Programmeinstellungen in der Gruppe Server im Textfeld HLS Streaming Server Name die direkte URL unter Verwendung der folgenden Syntax:

server/company/folder/filename.ext.m3u8

Angenommen, der Name des HLS-Streaming-Servers lautet https://s7mbrstream.scene7.com/hls-vod/. Unter Verwendung der Syntax in Schritt 2 könnte die direkte URL wie folgt aussehen:
https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8
So generieren Sie eine direkte URL für ein progressives Video

Erstellen Sie auf der Seite Allgemeine Programmeinstellungen in der Gruppe Server im Textfeld Servername für progressives Video die direkte URL für das eVideo unter Verwendung der folgenden Syntax:

server/company/folder/filename

Angenommen, der progressive Video-Server-Name ist https://s7d9.scene7.com/is/content/. Unter Verwendung der Syntax in Schritt 2 könnte die direkte URL wie folgt aussehen:
https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

Arbeiten mit Videominiaturen working-with-video-thumbnails

Adobe Dynamic Media Classic generiert Miniaturansichten für kodierte Videos und vorkodierte Videos. Videominiaturen können wie alle anderen Bild-Assets verwendet werden. Darüber hinaus können Sie URLs für die von Adobe Dynamic Media Classic generierten Videominiaturen abrufen. Anschließend können Sie diese URLs außerhalb von Adobe Dynamic Media Classic bereitstellen. Beispielsweise können Sie die Miniaturansichten in Suchergebnissen, relevanten Videolisten und Videowiedergabelisten auf einer Website bereitstellen.

Miniaturansichten werden basierend auf dem ersten heterogenen Frame (d. h. kein vollständig schwarzer oder vollständig weißer Frame usw.) des Videos generiert.

Abrufen von URLs für Videominiaturen obtaining-video-thumbnail-urls

Adobe Dynamic Media Classic generiert während des Upload-Prozesses automatisch Videominiaturen. Die Miniaturansichten werden im Bedienfeld "Durchsuchen"in der Listen- und Rasteransicht angezeigt.

Führen Sie zum Erstellen von URLs für Videominiaturen einen Veröffentlichungsvorgang durch.

Siehe Publish-Video.

Nach der Veröffentlichung können Sie Videominiatur-URLs in der Detailansicht im URL-Bedienfeld sowie im Code-einbetten-Bedienfeld abrufen. Wählen Sie rechts neben der Videominiatur die Option URL kopieren aus, damit Sie die zugehörige URL kopieren können.

Ändern von Standbildern in Video-Viewern modifying-poster-frames-in-video-viewers

Das Standbild ist das erste Bild, das in Video-Viewern angezeigt wird, bevor die Wiedergabe beginnt. Adobe Dynamic Media Classic verwendet Videominiaturen als Posterrahmen.

Sie können auch Bildmodifikatoren auf das Standbild anwenden. Sie können das Standbild beispielsweise beschneiden oder transparent machen. Öffnen Sie zum Bearbeiten des Standbilds den Anzeigebereich „Konfiguration“ des Video-Viewers und geben Sie unter „Standbildmodifikatoren“ Modifikatoren ein.

Siehe Hinzufügen oder Bearbeiten einer Video-Viewer-Vorgabe.

Siehe Image Serving Guide.

Sie können auch Videominiaturen bearbeiten, indem Sie Modifikatoren an die Videominiatur-URLs anhängen.

recommendation-more-help

ba789e76-bace-4e0e-bd26-52691fb2cb26