RequireJSとBrightcove Player

In this topic, you will learn how to use RequireJS, a JavaScript file and module loader, with Brightcove Player. RequireJS assists in managing dependencies when using multiple JavaScript scripts. Since Brightcove Player has its own script per player, the index.min.jsファイル。このドキュメントでは、RequireJS の実装で Brightcove Player を使用するコードについて説明します。

Brightcove Playerインスタンス化

次のコードは、RequireJSを利用する場合のBrightcovePlayerの実装の詳細です。3つのキーポイント：

このコードは、コールバックが呼び出される前にプレーヤーが初期化されるようにします。
on()play()およびメソッド（36～38行）の使用はデモンストレーションのみを目的としており、プレイヤーの使用には必須ではありません。これらの 3 行のコードは、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"
    class="video-js"
    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>

匿名モジュールの使用

上記のコードで見たように、Brightcove Player v6.x で RequireJS を使用すると、bcという名前のモジュールが作成されます。RequireJS が推奨するアプローチは、匿名 AMD モジュールを提供することです。これにより、複数の 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

ステップバイステップを参照してください。カールを使用してプレーヤーの設定を変更する方法については、「プレイヤー管理」ドキュメントを参照してください。

ページコンテンツ

RequireJSとBrightcove Player

Brightcove Playerインスタンス化

匿名モジュールの使用