頁面內體驗客戶端 API 示例
介紹
In-Page Experience 客戶端 API 提供了一個類似於 Brightcove Player API 的 JavaScript 庫。API 簡化了頁面上的頁面內體驗的交互和控制。
這個基本示例向您展示瞭如何:
- 獲取對體驗的引用,然後對具有方法的 clientApi 對象進行引用。
- 調用 API 方法為各種事件設置偵聽器,並獲取播放器中當前加載的視頻的信息。
- 將信息注入到您添加到體驗 UI 的 HTML 元素中。
頁內體驗示例
創建示例的步驟
- 使用播放列表創建頁內體驗(播放列表的顯示方式無關緊要)。
- 發表經驗。
- 將體驗嵌入代碼複製並粘貼到 HTML 頁面中。
- 添加一個
id
歸於<div>
標籤,其值為: customized_in_page_experience . - 返回 Studio 並使用以下代碼將自定義 HTML 組件添加到體驗中:
- 設置組件顯示 Before Play、Playing 和 After Play。
- 保存更改並重新發布體驗。
- 瀏覽您的頁面,您應該會看到帶有“當前視頻”和“播放器已暫停”消息的框。請注意,由於發布是異步的,您可能需要稍等片刻,清除瀏覽器緩存並刷新頁面才能看到更改。