向視頻添加透明疊加層

在本主題中,您將學習如何向視頻添加透明疊加層。

Brightcove Interactivity Studio 提供了向視頻添加不同類型的交互式疊加層的能力。視頻播放期間,可以在視頻上顯示文本和圖像疊加層。例如,疊加層可以在視頻上顯示附加文本或公司徽標。疊加層也可以點擊並在需要時打開其他網頁。

開始之前

在向播放器添加交互性之前,您需要一個支持 HapYak 的 Brightcove 播放器,並且需要確保已創建 Brightcove Interactivity 項目。如需有關如何執行此操作的資訊,請參閱互動性入門

添加透明覆蓋

透明覆蓋可用於向視頻區域添加“可點擊熱點”。例如,您的視頻底角可能刻有公司徽標。可以在徽標上添加透明覆蓋層,以便在單擊時將查看者定向到另一個 URL。在以下示例中,Brightcove 徽標被刻錄到源視頻中。在任何時候單擊疊加層都會在新的瀏覽器選項卡中打開一個鏈接並暫停視頻。


按照以下步驟向項目添加透明覆蓋:

  1. 登入到布萊奇灣互動工作室 ( https://www.hapyak.com/login )。
  2. 在左側導覽中,按一下「管理」
  3. 單擊一個項目將其打開。
  4. 在底部工具欄中,單擊透明覆蓋按鈕。
  5. 輸入要定向到的 URL
  6. 點擊行為選項卡並將視頻設置為暫停視頻點擊 .
  7. 按一下提交
  8. 將疊加層拖動並調整大小到您希望“熱點”所在的位置。在此示例中,疊加層將覆蓋視頻中出現的徽標圖像。
  9. 按一下「開始時間」功能表。默認情況下,開始時間設置為 00:00 .000,這是視頻的開始。輸入「開始時間」並按一下「提交」
  10. 單擊時鐘圖標以設置覆蓋的持續時間。按一下提交
  11. 按一下「完成」。

使用 Media 模塊發布視頻,並確認點擊覆蓋區域時打開了 URL。