ブライトコーブ AirPlay プラグイン

概要

ブライトコーブ AirPlay プラグインを使用すると、Apple TV でBrightcove Playerからハイビジョンディスプレイにビデオをストリーミングできます。Brightcove Playerの AirPlay アイコンをタップするだけで、Apple TV または AirPlay 2 対応のスマートテレビで映画やビデオを共有できます。

以下に示すように、プレーヤーコントロールバーの AirPlay アイコンは、以下が適用される場合にのみ表示されます。

• Brightcove Playerが Safari ブラウザに入っている
• この Brightcove AirPlay プラグインがプレイヤーに追加されました
• Safari 組み込みの AirPlay 用 Webkit が利用可能である

要件

ブライトコーブ AirPlay プラグインを使用するには、次の要件が必要です。

• ブライトコーブプレイヤー v6.51.4 以降

コードを使用して実装する

プラグインを実装するには、プラグインコードの場所、必要に応じてスタイルシート、プラグイン名、プラグイン設定オプションを知る必要があります。プラグインコードとスタイルシートの場所は次のとおりです。

1. プラグインコードを含めます。

   https://players.brightcove.net/videojs-bc-airplay/1/videojs-bc-airplay.js

2. プラグインのスタイルを含めます。

   https://players.brightcove.net/videojs-bc-airplay/1/videojs-bc-airplay.css

3. プラグイン名を使用して、プレイヤーにロードします。bcAirplay

4. Advanced Embed 実装を使用して、プレイリストの終了画面プラグインをプレーヤーの単一のインスタンスに関連付ける例を示します。

   <link href="https://players.brightcove.net/videojs-bc-airplay/1/videojs-bc-airplay.css" rel="stylesheet">
     
     <div style="max-width: 960px;">
     <video-js id="myPlayerID"
       data-account="your account ID"
       data-player="your player ID"
       data-embed="default"
       controls=""
       data-video-id="your video ID"
       data-playlist-id=""
       data-application-id=""
       class="vjs-fluid">
     </video-js>
   </div>
   <script src="https://players.brightcove.net/your account ID/your player ID_default/index.min.js"></script>
   
   <!-- script for the Brightcove AirPlay plugin -->
   <script src="https://players.brightcove.net/videojs-bc-airplay/1/videojs-bc-airplay.js"></script>
   
   <!-- custom script -->
   <script>
     videojs.getPlayer('myPlayerID').ready(function() {
       var myPlayer = this;
   
       // initialize the Brightcove AirPlay plugin
       myPlayer.bcAirplay(); 
     });
   </script>

更新履歴

ブライトコーブ AirPlay プラグインのリリースノートを参照してください。