將視訊部署到網站和行動裝置網站

網站、行動網站和案頭應用程式可透過使用URL字串或內嵌程式碼來存取AdobeDynamic Media Classic伺服器內容,包括視訊。 AdobeDynamic Media Classic會在發佈程式期間啟用這些URL字串。 若要將視訊的URL字串或內嵌程式碼放入網頁、行動頁面和案頭應用程式中,請從AdobeDynamic Media Classic複製。

注意

在發佈資產之前,URL 或內嵌程式碼不會產生作用。

發佈視訊

發佈視訊可讓AdobeDynamic Media Classic伺服器傳送視訊至您的網站、行動網站或應用程式。

您可使用兩種不同的方法來發佈視訊:

  • 在上載時立即自動發佈視訊 — 在視訊上傳程式中,AdobeDynamic Media Classic可在視訊上傳和編碼時自動發佈視訊。 此立即發佈功能意味著不需要另外再發佈視訊 (因為已經發佈了)。

  • 在上載後手動發佈視訊 — 如果您不想立即發佈影片,可隨時手動發佈影片。

發佈影片後,AdobeDynamic Media Classic會為您的HTML頁面或應用程式程式碼啟用URL字串。

發佈視訊:

  1. 進行以下一項操作:

    • 若要在上傳時自動立即發佈影片,請在「上傳」頁面中,在上傳​後選取「發佈」 。​程序已完成,您不需要再做任何步驟。
    • 若要在上傳後手動發佈視訊,請在「瀏覽」面板中選取視訊,然後在全域導覽列中選取​Publish

將視訊URL連結至行動網站或網站

發佈視訊後,您便可以取得其 URL,以在您的網站、行動網站或桌上型電腦應用程式中使用。當您想要在網頁頂端的彈出式視窗或浮出視窗中顯示視訊,請使用視訊 URL。

當客戶選取連結時,會自動偵測其裝置、頻寬和螢幕大小。 系統會在預先定義的桌上型電腦檢視器或智慧型手機和平板電腦的行動裝置本機視訊播放器中,顯示適當的視訊以供播放。

另請參閱將視訊檢視器嵌入網頁

將視訊 URL 連結至行動網站或網站:

  1. 在「資產瀏覽」面板中,在​Show​下拉式清單中,選取​Video​或​Adaptive Video Set

  2. 在左側的「資產庫」面板中,瀏覽至包含您要連結之視訊或最適化視訊集的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:

    • 選擇​網格視圖​或​清單視圖。 在「資產瀏覽」面板中,按兩下單一資產的視訊縮圖,即可在「詳細檢視」中開啟它。在右側的「URL」和「內嵌程式碼」面板中的「HTTP串流」下,選取您要檢視器右側的「複製URL 」。​最佳作法是複製與Universal_HTML5_Video檢視器相關聯的URL。

    • 選擇​網格視圖。 在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方,前往​Preview > Viewer List

      在「查看器清單」頁的表的「操作」列下,選擇​複製URL。 最佳作法是複製與Universal_HTML5_Video檢視器相關聯的URL。

    • 選擇​清單視圖。 在「資產瀏覽」面板中,選取單一資產,然後前往縮圖影像的右側,前往​預覽 > 檢視器清單

      在「查看器清單」頁的表的「操作」列下,選擇​複製URL。 最佳作法是複製與Universal_HTML5_Video檢視器相關聯的URL。

    • 選擇​網格視圖清單視圖​或​詳細視圖。 在相同工具列上,前往​預覽 > 檢視器清單

      在「查看器清單」頁的表的「操作」列下,選擇​複製URL。 最佳作法是複製與Universal_HTML5_Video檢視器相關聯的URL。

  4. 將 HTML5 視訊 URL 連結貼到您的網站和行動網站上。

將視訊檢視器內嵌在網頁上

當您想播放網頁上內嵌的視訊時,請使用「內嵌程式碼」功能。您可將內嵌代碼複製到剪貼簿,以便貼到網頁中。「內嵌代碼」對話方塊中不允許編 輯代碼 。

另請參閱將視訊URL連結至行動網站或網站

在網頁上內嵌視訊檢視器:

  1. 在「資產瀏覽」面板的「顯示」下拉式清單中,選取​Video​或​Adaptive Video Set

  2. 在左側的「資產庫」面板中,瀏覽至包含您要複製其內嵌程式碼的視訊或最適化視訊集的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:

    • 選擇​網格視圖​或​清單視圖。 在「資產瀏覽」面板中,按兩下單一資產的視訊縮圖,即可在「詳細檢視」中開啟它。在右側的「URL」和「內嵌程式碼」面板中,在「HTTP串流」下,選取您要檢視器右側的「內嵌程式碼」。 最佳實務是選取與Universal_HTML5_Video檢視器相關聯的​內嵌程式碼

    • 選擇​網格視圖。 在「資產瀏覽」面板中,選取單一資產,然後在視訊縮圖影像下方,選取「預覽​ > 檢視器清單」。

      在「查看器清單」頁的表的「操作」列下,選擇​Embed Code。 最佳實務是選取與Universal_HTML5_Video檢視器相關聯的​內嵌程式碼

    • 選擇​清單視圖。 在「資產瀏覽」面板中,選取單一資產,然後前往縮圖影像的右側,前往​預覽 > 檢視器清單

      在「查看器清單」頁的表的「操作」列下,選擇​Embed Code。 最佳實務是選取與Universal_HTML5_Video檢視器相關聯的​內嵌程式碼

    • 選擇​網格視圖清單視圖​或​詳細視圖。 在相同工具列上,前往​預覽 > 檢視器清單

      在「查看器清單」頁的表的「操作」列下,選擇​Embed Code。 最佳實務是選取與Universal_HTML5_Video檢視器相關聯的​內嵌程式碼

  4. 在「內嵌代碼」對話方塊中,選取「複製到剪貼簿」。

    不可在「內嵌程式碼」對話框中編輯程式碼。

  5. 選擇​關閉

  6. 在您的網頁中貼上內嵌程式碼。

實作內嵌程式碼以搭配MP4視訊資產使用HTML5視訊

如果您未使用AdobeDynamic Media Classic HTML5視訊播放器,但想搭配MP4視訊資產使用原生HTML5 <video>標籤,則可使用下列內嵌程式碼範例:

<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>

使用協力廠商視訊播放器部署視訊

如果您使用協力廠商視訊播放器或自訂的視訊播放器,而非Dynamic Media Classic視訊檢視器,則可取得適用於HLS多位元速率視訊串流或漸進式下載的直接視訊URL。

部署使用第三方視訊播放器的視訊:

  1. 在AdobeDynamic Media Classic中,在全域導覽列上,前往​Setup > Application Setup > General Settings
  2. 依據您要使用的 URL 類型,執行下列其中一項工作:
  • 若要產生直接HLS串流視訊URL(多位元速率)

    在「應用程式一般設定」頁的「伺服器」組的「已發佈伺服器名稱」文本欄位中,構建直接URL。 使用下列語法:server/is/content/company/folder/filename.m3u8

    例如,假設已發佈的伺服器名稱為https://s7d9.scene7.com/.使用步驟2中的語法,直接URL看起來可能如下所示:
    https://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

  • 若要產生直接HLS串流視訊URL(單位元速率)

    在「應用程式一般設定」頁的「伺服器」組的「HLS流伺服器名稱」文本欄位中,使用以下語法構建直接URL:

    server/company/folder/filename.ext.m3u8

    例如,假設HLS串流伺服器名稱為https://s7mbrstream.scene7.com/hls-vod/。 使用步驟2中的語法,直接URL看起來可能如下所示:
    https://s7mbrstream.scene7.com/hls-vod/GeoRetail/MBR/ToyStory3\_Teaser1\_High\_iPad\_768x432\_1296K.mp4.m3u8

  • 產生直接漸進式視訊 URL

    在「應用程式一般設定」頁面之「伺服器」群組的「漸進式視訊伺服器名稱」文字欄位上,使用下列語法建構直接 eVideo URL:

    server/company/folder/filename

    例如,假設漸進式視訊伺服器名稱為https://s7d9.scene7.com/is/content/。 使用步驟2中的語法,直接URL看起來可能如下所示:
    https://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

使用視訊縮圖

AdobeDynamic Media Classic會為已編碼的視訊和預先編碼的視訊產生縮圖。 您可以像使用任何影像資產一樣使用視訊縮圖。此外,您還可以取得AdobeDynamic Media Classic所產生的視訊縮圖的URL,並在AdobeDynamic Media Classic外部部署這些URL。 例如,您可以在網站的搜尋結果、相關視訊清單和視訊播放清單中部署縮圖。

縮圖的產生以視訊中的首個異質影格 (非全黑影格或全白影格等等) 為基礎。

取得視訊縮圖URL

AdobeDynamic Media Classic會在上傳程式期間自動產生視訊縮圖。 縮圖會出現在「清單視圖」和「網格視圖」的「瀏覽」面板中。

若要產生視訊縮圖的 URL,請執行發佈作業。

請參閱發佈視訊

在發佈後,您可以在「URL 和內嵌程式碼」面板的「詳細檢視」中,取得視訊縮圖 URL。選取視訊縮圖右側的​複製URL ,以便複製其URL。

在視訊檢視器中修改海報影格

海報影格」是視訊開始播放之前在「視訊」檢視器中顯示的初始影格。AdobeDynamic Media Classic將視訊縮圖用作海報框架。

您可以將影像修飾元套用至海報影格。例如,您可以裁切海報影格或使其變得透明。若要修改海報影格,請開啟視訊檢視器配置畫面,並在「海報影像修飾元」區段輸入修飾元。

請參閱新增或編輯視訊檢視器預設集

請參閱影像伺服指南

還可以透過將修飾元附加到視訊縮圖 URL 來修改視訊縮圖。

本頁內容