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

在本主題中,您將了解如何在視頻播放期間顯示自定義表單或其他外部 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 之前保持表單不可見。