プレーヤ テンプレートを作成する
カムタム プレーヤ テンプレートは、Brightcove Pro エディションおよび Enterprise エディションをご利用の方にのみ利用できます。Brightcove アカウントのアップグレードについては、Brightcove にお問い合わせください。
Publishing モジュールで自動的に使用可能となる標準の Brightcove プレーヤ テンプレートに加えて、自分で作成したカスタム プレーヤ テンプレートをいくつでも使用することができます。Brightcove の XML によるプレーヤ仕様の指定手段である BEML を用いて、カスタム プレーヤ テンプレートの詳細を指定できます。カスタム プレーヤ テンプレートの仕様を指定する XML 文書を作成してから、Publishing モジュールのフィールドに XML を貼り付けて、プレーヤ テンプレートをアカウントに追加します。Publishing モジュールでカスタム プレーヤ テンプレートを追加すると、標準の Brightcove プレーヤ テンプレートと同様に、カスタム プレーヤのインスタンスをいくつでも作成できるようになります。
カスタム プレーヤ テンプレートを作成するには、既存のテンプレートを用いて色やフォントを調整するという簡単な方法もあれば、カスタム プレーヤ コンポーネントを新たに開発し、それらを今までにない方法で組み合わせるという複雑な方法もあります。カスタム プレーヤ テンプレートの作成方法については、BEML でプレーヤをカスタマイズするを参照してください。
Publishing モジュールで新しいテンプレートを作成する
カスタム プレーヤ テンプレートの仕様を指定する XML 文書を作成したら、Publishing モジュールで以下のように新しいプレーヤ テンプレートを作成します。
- [新規テンプレート] をクリックします。
[新規テンプレートの作成] ダイアログ ボックスが開きます。
- 新しいテンプレートの名前と説明文を入力します。名前と説明文が [テンプレート] データグリッドと [新規プレーヤの作成] ダイアログ ボックスに表示されます。
- XML 文書をコピーして、マークアップ コードのフィールドに貼り付けます。一部のブラウザでは、Ctrl + V キーではなく、右クリック メニューを使用して貼り付ける必要があります。
- テンプレートに固定の幅や高さがまだ設定されていない場合は、任意で、テンプレートのデフォルトの幅や高さを設定できます。
- [コードの検証] をクリックして、有効なプレーヤ テンプレートが XML で定義されていることを確認します。[コードの検証] をクリックした際、テンプレートに BEML DTD に関する検証エラーが存在する場合、テンプレート編集ウィンドウの境界が赤くなり、[コードの整形]、[コードの検証]、[テンプレートのプレビュー]、[テンプレートの作成] の各ボタンは、エラーが解消されるまで、クリックできない状態となります。エラーが存在する行の行番号は赤でハイライト表示されます。行番号にマウス カーソルを置くと、検証エラーの内容を確認できます。
- [テンプレートのプレビュー] をクリックして、新しいプレーヤ テンプレートの表示を確認します。テンプレートのプレビューを確認することで、テンプレートの検証にもなります。無効なテンプレートはプレビューできません。
- [テンプレートの作成] をクリックします。
Publishing モジュールの [テンプレート] リストに新しいプレーヤ テンプレートが表示されます。新しいプレーヤを作成する場合は、このプレーヤ テンプレートがテンプレート選択のドロップダウンに表示されます。
プレーヤのサイズを設定する
いくつかの方法で、プレーヤの幅と高さを設定できます。
- BEML の <Layout> 要素で幅と高さを設定できます。<Layout> 要素で設定すると、Publishing モジュールでは設定ができなくなります。BEML で幅や高さが設定されている場合、対応する値は [新規テンプレートの作成] ダイアログ ボックスでグレー表示されます。
- BEML の <Layout> 要素で幅や高さを設定していない場合、[新規テンプレートの作成] ダイアログ ボックスで設定できます。これにより、このテンプレートで作成したすべてのプレーヤに、デフォルトの幅と高さが設定されます。プレーヤのパブリッシング コードの構成パラメータで幅や高さを設定すると、Publishing モジュールで設定した幅や高さよりも優先されます。たとえば JavaScript/HTML のパブリッシング コードは以下のようになります。
<param name="width" value="500" /> <param name="height" value="777" />
