要求 JS 和布萊特灣玩家

在本主題中，您將學習如何使用 RequireJS，一個 JavaScript 文件和模塊加載器，與布萊特灣播放器。當使用多個JavaScript腳本時，RequireJS有助於管理依賴項。由於Brightcove Player每個玩家都有自己的腳本，因此index.min.js文件，此文檔提供了在RequireJS實現中使用Brightcove Player的代碼。

實例化Brightcove Player

以下代碼詳細介紹了在使用RequireJS時實現Brightcove Player的方法。三個關鍵點：

該代碼確保播放器在調用回調之前被初始化。
使用on()和play()方法（第36-38行）僅用於演示目的，而對於播放器的使用則不是必需的。這三行代碼僅指示您可以從哪裡開始使用Brightcove Player的API。
突出顯示的代碼與Brightcove Player有關。

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Untitled Document</title>
  <style>
    .video-js {
      height: 344px;
      width: 610px;
    }
  </style>
</head>

<body>

  <video-js id="myPlayerID"
    data-video-id="4690057979001"
    data-account="1507807800001"
    data-player="default"
    data-embed="default"
    controls></video-js>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.js"></script>
  <script>
    require.config({
      'paths': {
        'bc': 'https://players.brightcove.net/1507807800001/default_default/index.min'
      },
      waitSeconds: 30
    });

    require(['bc'], function() {
      var myPlayer = videojs.getPlayers().myPlayerID;
      myPlayer.on('loadstart', function(){
        myPlayer.play();
      })
    });
  </script>

</body>

</html>

使用匿名模塊

如您在上面的代碼中看到的，當將RequireJS與名為Brightcove Player v6.xa的模塊一起使用時bc被建造。RequireJS推薦的方法是提供一個匿名AMD模塊，這使得包含多個Brightcove Player變得非常容易。您可以默認將模塊設為匿名。Brightcove強烈建議您更改播放器配置，以選擇使用此默認設置，同時更改將刪除播放器中的控制台警告。設置播放器配置"require_js_anonymous": true是必需的更改。進行此更新的curl語句如下所示：

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request PATCH \
  --data '{
    "require_js_anonymous": true
  }' \
  https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players/$PLAYER_ID/configuration

如果您想刪除控制台警告，但不選擇加入匿名RequireJS模塊，請使用"require_js_anonymous": false配置更新，如下所示：

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request PATCH \
  --data '{
    "require_js_anonymous": false
  }' \
  https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players/$PLAYER_ID/configuration

請參閱逐步說明：球員管理文檔以獲取有關使用curl更改播放器配置的更多信息。