支持 聯繫支持 | 系統狀況 系統狀態

創建一個 Player

在此示例中,您輸入您的帳戶信息。 同樣,您輸入媒體的URL和媒體類型,或者輸入 Video Cloud 影片ID。 點擊按鈕後, player 將創建並選擇有關 player 顯示。

免责声明

應用架構

此應用程序的高級應用程序邏輯如下:

  1. 收集創建數據所需的用戶數據 player
  2. 構建JSON數據結構以傳遞給API player 創建
  3. 單擊按鈕後,執行AJAX調用以創建 player
  4. 在AJAX呼叫成功時,執行以下操作:
    • 將JSON響應數據注入HTML頁面
    • 調用函數發布 player
  5. 執行AJAX調用以發布 player
  6. 在AJAX呼叫成功時,執行以下操作:
    • 將JSON響應數據注入HTML
    • 動態構建顯示所選內容的HTML player 信息並將其註入HTML頁面

示例應用

在中找到與此示例相關的所有代碼 這個GitHub倉庫.

見筆 創建 Player 通過Brightcove學習服務(@ rcrooks1969)上 CodePen.

使用CodePen

以下是有效使用上述CodePen的一些技巧:

  • 切換 player 通過點擊 結果 按鈕。
  • 點擊 HTML / CSS / JS 按鈕顯示一種代碼類型。
  • 點擊 在CodePen上編輯 在右上角將此CodePen分支到您自己的帳戶中。
  • 在此找到與此樣本相關的所有代碼 GitHub存儲庫.

代理代碼

為了在此頁面上構建自己的示例應用程序版本,您必須創建並託管自己的代理。 (Brightcove Learning Services使用的代理僅接受來自Brightcove域的請求。)一個示例代理與我們使用的代理非常相似,但是沒有可以阻止來自非Brightcove域的請求的檢查。 這個GitHub倉庫。 您還將在此處找到使用它的基本說明,以及有關在Proxy中構建應用的更詳盡的指南。 使用REST API.


頁面最後更新於12年2020月XNUMX日