BEML を使用したプレーヤのカスタマイズ

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。 Brightcove アカウントのアップグレードについては、 Brightcove にお問い合わせください。

Brightcove プレーヤは、プレーヤ テンプレートと呼ばれる XML 文書で仕様を定義します。Brightcove には多くの標準プレーヤ テンプレートがありますが、カスタム プレーヤ テンプレートを作成する機能も用意されています。このトピックでは、カスタム プレーヤ テンプレートの仕様を定義する XML 文書の記述方法を説明します。

カムタム プレーヤ テンプレートのご利用は、Brightcove Pro エディションおよび Enterprise エディションをご購入のお客様が対象になります。。ブライトコーブ アカウントのアップグレードについては、ブライトコーブにお問い合わせください。

プレーヤ テンプレートの Theme 要素を使用して、カスタム Brightcove プレーヤの外観をカスタマイズできます。Theme 要素と Style 要素のリファレンスについては、「BEML DTD リファレンス」を参照してください。

必要なカスタマイズの度合いに応じて、Theme 要素と Style 要素を使用することにより以下のことが可能です。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。 Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションまたは Enterprise エディションをご利用の方にのみ利用できます。Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。

VideoPlayer コンポーネントには、標準の Brightcove メディア コントロール一式が含まれます。再生/一時停止スイッチ、タイムライン スクラバ、ボリューム調整、最大化/最小化コントロール、メニュー アクセス ボタンなどのコントロールがあります。BEML には、カスタム メディア コントロール コンポーネントを作成できるメディア コントロール コンポーネントも含まれています。このトピックでは、これらのコンポーネントの使用方法を示すプレーヤ テンプレートの例を紹介します。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。

プレーヤで使用したいカスタム コンポーネントを作成したら、BEML を使用して Brightcove プレーヤ テンプレートに追加できます。プレーヤ テンプレートにカスタム コンポーネントを追加する方法は、そのコンポーネントがプレーヤ レイアウトの特定に場所に配置する必要がある表示コンポーネントであるか、あるいはプレーヤ レイアウトに表示する必要のない非表示コンポーネントであるかによって異なります。いずれの場合でも、カスタム コンポーネント ファイルは、Brightcove プレーヤが到達できる URL でホストされている必要があり、また、Flash のクロスドメイン セキュリティの制約を考慮する必要があります。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。

Brightcove プレーヤのラベル テキストは、プレーヤ テンプレートの label 要素で指定します。このトピックでは、標準プレーヤ ラベルと、そのデフォルトの英語テキストの一覧を示します。プレーヤのラベルをカスタマイズする方法については、プレーヤをローカライズするを参照してください。

BEML プレーヤ テンプレートに変数を指定し、それをプレーヤのパブリッシング コードで設定済みの値にバインドできます。たとえば、次のようなプレーヤ テンプレートにラベルを使用できます。

<Label text="{player.parameters.playerTitle}" />

次のように JavaScript パブリッシング コードの構成パラメータを使用し、この変数の値を設定できます。

<param name="playerTitle" value="マイ プレーヤ" />

ActionScript パブリッシング コードでは、次のようになります。

config["playerTitle"] = "マイ プレーヤ";

また、プレーヤ API を使用して値を取得することもできます。

getModule(APIModules.EXPERIENCE).getPlayerParameter("playerTitle");

BEML（Brightcove Experience Markup Language）を使用して、動画プレーヤおよび他のコンポーネントのサイズを変更できます。BEML を使用するには、Professional または Enterprise アカウントが必要です。BEML を使ったテンプレートの作成に慣れていない場合は、先へ進む前に 「BEML を使用してプレーヤをカスタマイズする」をご覧ください。

標準 Video Cloud プレーヤ テンプレートを変更するには、テンプレートを複製しコピーを編集することによって、BEML コードにアクセスする必要があります。また、新しいテンプレートを作成した後、BEML を使用して、まったく新しいプレーヤ テンプレートを構築することもできます。

プレーヤ コンポーネントのカスタム スキンに関する入門用トピックでは、カスタム スキンを使用してカスタマイズしたプレーヤ例を紹介しました。このトピックでは、プレーヤがどのようにカスタマイズされたか、さらに詳しく見てみましょう。カスタム スキンの適用前と適用後の画面ショットです。

「適用前」のプレーヤでは、Widescreen with Horizontal List テンプレートと類似のプレーヤ テンプレートを使用しています。「適用後」のプレーヤにするために、次のプレーヤ コンポーネントにカスタム スキンを追加しました。

カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。 Brightcove アカウントのアップグレードについては、 Brightcove にお問い合わせください。

このトピックではプレーヤ レンプレートの例をいくつか紹介し、BEML を使用して、新しいプレーヤ テンプレートをカスタマイズしたり、まったく新しいプレーヤ テンプレートを作成する方法を説明します。以下のプレーヤ テンプレートの例を紹介します。