在視頻中嵌入表格或其他外部內容

在本主題中,您將了解如何在視頻播放期間顯示自定義表單或其他外部 Web 內容。

自定義表單小部件允許您在視頻頂部嵌入來自任何系統的表單,例如 Google Forms、Mailchimp、Typeform、Calendly、Eventbright 和其他系統。自定義表單小部件也可用於顯示外部 Web 內容。在以下示例中,單擊號召性用語文本將在視頻上打開一個表單。

開始之前

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

添加自定義表單小部件

自定義表單小部件可用於在視頻播放期間顯示表單。在播放過程中,將顯示號召性用語文本,單擊時,表單將滑入並顯示。使用外部表單(如 Google 表單)的優點是可以將所有提交的數據直接發送到該系統。請注意,提交到表單的數據不會顯示在標準 Brightcove Interactivity 報告中,因為它直接路由到外部系統。

按照以下步驟將自定義表單(本主題使用 Google 表單)小部件添加到項目:

  1. 登錄到 Brightcove Interactivity Studio。
  2. 在左側導航中,單擊管理 .
  3. 單擊一個項目將其打開。
  4. 在底部工具欄中,單擊小部件圖標。
  5. 點擊定製表格小部件。
  6. 點擊添加 .該小部件將添加到項目視頻之上。
  7. 單擊並將小部件拖動到您希望文本顯示在視頻上方的位置。
  8. 點擊完畢菜單中的鏈接。
  9. 懸停在在這輸入文字文本並單擊配置 .
  10. 在裡面表格來源字段,粘貼表單 URL。
  11. 更新按鈕文字,這是觀眾點擊以打開表單的號召性用語文本。
  12. 按一下「儲存」。
  13. 點擊編輯打開編輯器。
  14. 點擊開始時間菜單。
  15. 進入一個開始時間以秒為單位,以百分比或時間格式。點擊提交 .
  16. 單擊時鐘圖標以設置覆蓋的持續時間。點擊提交 .
  17. 按一下「完成」。

使用媒體模塊發布視頻並確認號召性用語和表單出現。

顯示網頁

自定義表單小部件也可用於顯示來自另一個網頁的內容。這步驟是一樣的與添加表單時一樣,但對於 URL,使用要顯示的頁面的 URL。在此示例中,單擊號召性用語文本時會顯示來自維基百科的頁面。

顯示立即購買頁面

自定義表單小部件也可用於顯示“立即購買”類型的購物頁面。在此示例中,單擊號召性用語文本時會顯示一個購物頁面。

提示

  • 使用帶有此註釋的外部表單(如 Google 表單)具有將所有提交的數據直接發送到該系統的優點。請注意,提交到表單的數據不會顯示在標準 Brightcove Interactivity 報告中,因為它直接路由到外部系統。
  • 考慮將開始時間設置為 5 或 10 秒(接近開始)並將持續時間設置為直到視頻結束 .這將允許觀看者在視頻中的任何位置單擊 CTA,同時在單擊 CTA 之前保持表單不可見。