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

    Brightcove Player プラグイン

    このトピックでは、 Brightcove 提供されたプラグイン Brightcove Player 強化に使用される player 何らかの方法です。

    その他のリソース

    次のドキュメントは、プラグインの作成と使用についてより深く理解しています。

    賃貸システムの概要

    のプラグイン Brightcove Player HTML、JavaScript、CSSの組み合わせを使用して、 player。 つまり、Webページで実行できることは何でも、プラグインで実行できます。

    概して、プラグインは以下の目的で開発することができます。

    • デフォルトの動作を変更する
    • 機能を追加する
    • 外観をカスタマイズする(標準的なCSSではできない)

    Brightcove プラグイン

      概要: Player プラグイン ドキュメントには、 Brightcove デフォルトではどのプラグインが読み込まれます。

    Brightcove 提供されているプラ​​グインはさまざまな方法で使用できます。 すべてを使用して実装することができますが プラグイン のセクション Studio's PLAYERS モジュール、広告、エンドスクリーン、ソーシャルなどの機能をロードするための専用セクションがあります。 また、いくつかのプラグインのためのいくつかの追加の助けを得ることができます プラグイン これらのスクリーンショットに示すようにセクション:

    プラグインを追加 Studio
    brightcove 提供されたプラグイン

    プラグインを追加する Studio

    そうしないことを選択した場合、または別の方法でプラグインを追加する方法がない場合は、次の形式を使用してください。 図のように、最初に選択してください カスタムプラグインフォームが完成したように見えます。

    プラグインを追加 Studio
    プラグインを追加 Studio

    あなたはプラグイン名、JavaScriptファイルへのインターネットアクセス可能なリンク、CSSファイル(必要ならば)とオプションを追加するのを見ます。

    デフォルトのプラグイン

    デフォルトでは2つのプラグインが読み込まれています。 彼らです:

    • エラー -許可します player エラーが発生したときにユーザーフレンドリーなメッセージを表示します。 ディスプレイは半透明のオーバーレイで、デフォルトのスタイルシートでスタイル設定されています。
    • HLS -HLSをサポートしていないがFlashを備えているプラ​​ットフォームでHLSビデオを再生します Player。 これにより、m3u8マニフェストのビデオコンテンツを player.

    特定のプラグインがロードされないようにするには、特定のデフォルトプラグインを次のように設定します。 false 作成/更新するとき player または子供 player。 なお、 hls, debugger 更に errors フィールドは、 configuration 他のグループ化プロパティでは使用できません。 POST 新しい player:

    curl \
      --header "Content-Type: application/json" \
      --user $EMAIL \
      --request POST \
      --data '{
          "name": "MySamplePlayer",
          "configuration": {
            "media": {
              "sources": [{
                "src":"http://solutions.brightcove.com/bcls/assets/videos/Tiger.mp4",
                "type":"video/mp4"
              }]
            },
            "hls": false,
            "errors": false
          }
        }' \
        https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players

    あなたが hls, debugger および errors 既存のプラグイン player、使用する必要があります PATCH 次のように:

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

    デフォルトのプラグインが読み込まれているかどうかを検出するには?

    のURLまたはembed_in_page実装の使用時にブラウザのコンソールに移動することで、デフォルトのプラグインがロードされているかどうかを判断できます。 player 対応するプラグインオブジェクトが存在するかどうかを確認します。 次のスクリーンショットは、プラグインの存在を示しています。

    default-plugin-with-hls

    特定のデフォルトプラグインをロードしないように設定した場合、そのオブジェクトはページに存在しません。 次のスクリーンショットでは、HLSプラグインオブジェクトが存在しないことがわかります。

    default-plugin-no-hls

    データを渡す

    あなたは、 options 子供の財産 plugins。 これにより、初期化時にプラグインにデータを渡すことができます。 また、プラグインの柔軟性は、プラグインの再利用が大幅に強化されているため、異なるプラグインの用途ごとに異なる実装データを渡すことができます。

    その詳細については、 option プロパティは、参照してください データをプラグインに渡す の資料をご参照ください。

    プラグインとpostMessage()

    iframe内 player 親ページからiframeにデータを送信したい実装。 これはJavaScriptを使用して可能です postMessage() 方法。 簡単に言うと、親ページでは postMessage() メッセージをiframeに送信します。iframeには、イベントリスナーを使用してメッセージを取得し、メッセージを処理します。

    見ます iframeの親からビデオを再生する 完全な説明と実際の例については、ドキュメントを参照してください。

    スタイルシートの役割

    プラグインとそのプラグインに関連付けられたスタイルシートの両方を持つことは珍しいことではありません。 たとえば、ステップバイステップで使用される単純なプラグインでは: Player 管理、プラグイン自体はJavaScriptを使用してテキストを player一方、関連するスタイルシートは、色、フォントサイズ、および配置を制御します。 これは、次のベストプラクティスに抽象化できます。

    • プラグインには、タスクスタイルシートを実行するためのスタイルシートが関連付けられている必要があります。 プラグインがスタイルシートで実行できない場合は、スタイルシートの動的選択など、プラグインでのスタイリングのみを行います。

    互換性

    オープンソースのvideojs player、その上に Brightcove Player ベースであり、多くのプラグインが構築されています。 これらのプラグインは、 Brightcove Player videojsのバージョンのみ player と同じバージョンです Brightcove Player にもとづいて。 の Brightcove Player オープンソースのvideojsより前か後ろのバージョンのどちらでもかまいません player.


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