サポート サポート問い合わせ先 | システムステータス システムステータス
ページ内容

    プレリリース広告プラグインのテスト

    このトピックでは、IMA3およびFreeWheelプラグインのプレリリースバージョンを使用して、 player.

    概要

    動画広告を表示する Brightcove Player 複雑な作業になる可能性があります。 複数のエンティティ(Brightcove Player 広告サーバーと特定の広告プラグイン)は、すべて広告の配信に成功しています。 IMA3プラグインとFreeWheelプラグインのアップデートのためのテスト環境を提供するために、 Brightcove プレリリース版のプラグインを利用できるようになります。 このドキュメントでは、これらのプレリリースでテストする方法について説明します。

    プレリリースは、 Brightcove ウエブサイト Player 開発者フォーラム、および 変更履歴 のセクション IMA3プラグインによる広告FreeWheelプラグインによる広告 ドキュメント。

    でのIMA3のテスト Studio

    次の手順では、プレリリースのIMA3プラグインをテストする方法について説明します Studio:

    1. 安全のため、現在使用しているプラ​​グインの現在のバージョン/plugins/plugin-version-reference.htmlを記録してください。 これにより、テスト前に使用していたプラグインのバージョンを復元できます。 プラグインの最新バージョンは常に プラグインバージョンリファレンス の資料をご参照ください。
    2. Video Cloud Studioで PLAYERS モジュールと新しいのいずれかを作成します player または見つけます player プラグインを追加する場所。
    3. リンクをクリックすると player を開く playerのプロパティ。
    4. ナビゲーションヘッダーの Advertising 左側のナビゲーションメニュー。
    5. チェックをはずす クライアント側(IMA)を有効にする。 すぐに手動でロードするバージョンを妨げる可能性があるため、これを有効にしないでください。
    6. ナビゲーションヘッダーの 保存.
    7. ナビゲーションヘッダーの プラグイン 左側のナビゲーションメニュー。
    8. 次に、をクリックします。 プラグインを追加する.
    9.   プラグイン名 入力します ima3.
    10.   JavaScriptを URLには、リリース前のJavaScriptファイルのURLを入力します。
    11.   CSS URLにプレリリースCSSファイルのURLを入力します。
    12. 構成オプションを オプション(JSON) テキストボックス。 以前にIMA3プラグインを設定した場合は、 プラグイン オプションに変更を加える必要はほとんどありません。
    13. ナビゲーションヘッダーの 保存.
    14. 使用するには player、クリック パブリッシュ&埋め込み。 あなたはテストをすることができます プレビュー Playerまたは、あなたが公開して使用することができます 公開済み Player.
    15. 開いているダイアログを閉じるには、 閉じる.

    でのFreeWheelのテスト Studio

    次の手順は、プレリリースのFreeWheelプラグインをテストする方法を示しています。 Studio:

    1. 安全のため、現在使用しているプラ​​グインの現在のバージョンを記録してください。 これにより、テスト前に使用していたプラグインのバージョンを復元できます。 プラグインの最新バージョンは、 プラグインバージョンリファレンス の資料をご参照ください。
    2. Video Cloud Studioで PLAYERS モジュールと新しいのいずれかを作成します player または見つけます player プラグインを追加する場所。
    3. リンクをクリックすると player を開く playerのプロパティ。
    4. ナビゲーションヘッダーの プラグイン 左側のナビゲーションメニュー。
    5. 次に、をクリックします。 プラグインを追加する またはもしあなたが見えるなら FreeWheelPlugin プラグインのリストで、それをクリックします。
    6.   プラグイン名 入力します FreeWheelPlugin.
    7.   JavaScriptを URLには、リリース前のJavaScriptファイルのURLを入力します。
    8.   CSS URLにプレリリースCSSファイルのURLを入力します。
    9. 構成オプションを オプション(JSON) テキストボックス。 以前にFreeWheelプラグインを設定したことがある場合 プラグイン オプションに変更を加える必要はほとんどありません。
    10. ナビゲーションヘッダーの 保存.
    11. 使用するには player、クリック パブリッシュ&埋め込み。 あなたはテストをすることができます プレビュー Playerまたは、あなたが公開して使用することができます 公開済み Player.
    12. 開いているダイアログを閉じるには、 閉じる.

    プログラムによる実装のテスト

    プログラムでプラグインを実装した場所のテストは、IMA3プラグインかFreeWheelプラグインのどちらを使用していても同じです。 基本的には、JavaScriptファイルとCSSファイルの既存のパスをプレリリースバージョンのパスに置き換えるだけです。 このタスクを実行する手順は、次のとおりです。

    1. 安全のため、現在使用しているプラ​​グインの現在のバージョンを記録してください。 これにより、テスト前に使用していたプラグインのバージョンを復元できます。 プラグインの最新バージョンは、 プラグインバージョンリファレンス の資料をご参照ください。
    2. あなたのコードで、 <link><script> 適切なプラグインのCSSとJavaScriptをプルするタグ。 以下のコードでは、IMA3プラグインの例が強調表示されています。
    3. これらのパスはプレリリース版に置き換えてください。
    4. ページを更新すると、プレリリース版が使用されます。
    5. テストが完了したら、記録されたパスを使用してJavaScriptおよびCSSファイルへのパスを再度編集し、元の構成を復元します。
    <!doctype html>
    <html>
    
    <head>
      <meta charset="UTF-8">
      <title>IMA3 Plugin Code Example</title>
      <style>
        .video-js {
          height: 344px;
          width: 610px;
        }
      </style>
      <link href="https://players.brightcove.net/videojs-ima3/3/videojs.ima3.min.css" rel="stylesheet">
    </head>
    <body>
    
      <video-js  id="myVideoID"
        data-video-id="3851380732001"
        data-account="1752604059001"
        data-player="Hy3gDJHu"
        data-embed="default"
        class="video-js"
        controls></video-js>
      <script src="https://players.brightcove.net/1752604059001/Hy3gDJHu_default/index.min.js"></script>
    
      <script src="https://players.brightcove.net/videojs-ima3/3/videojs.ima3.min.js"></script>
    
      <script>
        var myPlayer;
    
        bc('myPlayerID').ima3({
          serverUrl: 'http://solutions.brightcove.com/bcls/brightcove-player/vmap/simple-vmap.xml';
        });
        videojs.getPlayer('myPlayerID').ready(function() {
          myPlayer = this;
          ...
        });
      </script>
    </body>
    
    </html>

    ページの最終更新日:28年2020月XNUMX日