RequireJSとBrightcove Player
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
ステップバイステップを参照してください。カールを使用してプレーヤーの設定を変更する方法については、「プレイヤー管理」ドキュメントを参照してください。