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

網站、行動網站和案頭應用程式都可使用URL字串或內嵌程式碼來存取Dynamic Media經典伺服器內容,包括視訊。 Dynamic Media·Classic會在發佈程式中啟動這些URL字串。 若要將視訊的URL字串或內嵌程式碼置於網頁、行動頁面和案頭應用程式中,請從Dynamic Media經典複製。

注意

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

發佈視訊

發佈視訊可讓Dynamic MediaClassic伺服器將視訊發佈至您的網站、行動網站或應用程式。

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

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

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

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

發佈視訊:

  1. 進行以下一項操作:

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

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

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

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

另請參閱在網頁上內嵌視訊檢視器

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

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

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

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

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

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。最好複製與Universal_HTML5_Video檢視器相關聯的URL。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。最好複製與Universal_HTML5_Video檢視器相關聯的URL。

    • 按一下「格點檢視」、「清單檢視」或「詳細檢視」。在同一個工具列上,按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「複製 URL」。最好複製與Universal_HTML5_Video檢視器相關聯的URL。

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

在網頁上內嵌視訊檢視器

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

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

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

  1. 在「資產瀏覽」面板的「顯示」下拉式清單中,按一下「視訊」或「最適化視訊集」。

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

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

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

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。最佳實務是,按一下與Universal_HTML5_Video檢視器相關聯的​內嵌代碼

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。最佳實務是,按一下與Universal_HTML5_Video檢視器相關聯的​內嵌代碼

    • 按一下「格點檢視」、「清單檢視」或「詳細檢視」。在同一個工具列上,按一下「預覽 > 檢視器清單」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「內嵌程式碼」。最佳實務是,按一下與Universal_HTML5_Video檢視器相關聯的​內嵌代碼

  4. 在「內嵌程式碼」對話框中,按一下「複製至剪貼簿」。

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

  5. 按一下 關閉

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

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

如果您不使用Dynamic MediaClassic 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 MediaClassic視訊檢視器,則可取得適用於HLS多位元速率視訊串流或漸進式下載的直接視訊URL。

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

  1. 在「Dynamic Media經典」中,在全球導航欄上,按一下「設定」「 > 應用程式設定」「 > 常規設定」「」。
  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

使用視訊縮圖

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

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

取得視訊縮圖 URL

Dynamic Media·Classic會在上傳程式期間自動產生視訊縮圖。 縮圖在清單檢視和格點檢視的瀏覽面板中顯示。

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

請參閱發佈視訊

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

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

海報影格」是視訊開始播放之前在「視訊」檢視器中顯示的初始影格。Dynamic Media·Classic使用視訊縮圖做為海報影格。

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

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

請參閱影像服務指南

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

本頁內容