プレーヤテンプレート

プレーヤを作成する場合は、利用可能なプレーヤテンプレートのいずれかを選択します。Brightcove Pro および Enterprise のパブリッシャは、Brightcove Experience Markup Language (BEML) を使用してカスタムプレーヤテンプレートを作成することもできます。プレーヤテンプレートで、プレーヤの基本的な外観と機能が決まります。テンプレートを選択する際には、以下のことを考慮してください。

  • プレーヤに必要な機能
    プレーヤによって、割り当てられるコンテンツが異なります。
    • すべてのプレーヤテンプレートで、Player API の使用か、プレーヤ公開コードの構成パラメータ編集によるコンテンツの割り当てが可能です。
    • ナビゲーション、画像ペイン、ブランディング要素などの追加機能を備えたプレーヤもあります。
    • Video Player、Single Video Player with Logo 及び Chromeless Video Player テンプレートでは動画を 1 本だけ割り当て可能です。Media モジュールの、クイック動画公開を使用してコンテンツの割り当てができます。
    • Widescreen with Horizontal List、Widescreen with Video Text List、Widescreen with Vertical Video List 及び Video Player with Horizontal Video List template テンプレートではプレイリストを 1 つだけ割り当て可能です。Media モジュールを使用してプレイリストの割り当てができます。
    • Tabbed Navigation、Compact Tabbed Navigation、Chromeless Video Player with Tabbed Playlists 及び Widescreen with Dropdown Navigation テンプレートでは複数のプレイリストを割り当て可能です。Media モジュールを使用してプレイリストの割り当てができます。
    • いくつかのプレーヤは、タッチパネル機能付きのモバイルデバイスに最適化されています。
  • Web ページのレイアウト
    一部のレイアウトは、800 x 600 や 1024 x 768 のディスプレイに合わせてデザインされています。また、動画がアスペクト比 4:3 か 16:9 のどちらに適合するかを考慮する必要があります。

以下のセクションでは、Brightcove スタジオ Publishing モジュールで使用可能な標準テンプレートについて、テンプレートの説明やサンプルプレーヤ、そしてダウンロード (.zip ファイル形式) して使用する、プレーヤのカスタム背景を作成するための Photoshop テンプレートなどの情報を掲載しています。プレーヤテンプレートをまとめて 1 つの .zip ファイル (289 KB) としてダウンロードすることもできます。

シングル動画テンプレート

シングルプレイリストテンプレート

マルチプレイリストテンプレート

モバイルプレーヤテンプレート

Back to Top
Video Player

これはシンプルなシングル動画プレーヤで、動画の下に動画コントロールを表示します。このプレーヤは動画ファイルの表示寸法に合わせて大きさが変わるので、アスペクト比 16:9 の動画をレターボックスなしで表示するのに便利です。このプレーヤには、Media モジュールを使用してコンテンツを割り当てることはできません。クイック動画公開を使用するか、プレーヤの公開コードの構成パラメータを変更するか、または Player API を使用します。

  • View Player
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 486x412。Video Playerは、最低でも 180x176のサイズが必要です。このサイズより小さい場合、コントロールやメニューは正常に表示されません。
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 6x52
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
Back to Top
Chromeless Video Player

Chromeless Video Player は、プレーヤコントロールがないビデオディスプレイコンポーネントのように表示されます。ビデオディスプレイエリアにマウスカーソルをあてることで、 プレーヤコントロールがビデオディスプレイ上に表示されます。 Media モジュールを使用し、このプレーヤにコンテンツを割り当てることはできません。代わりに、クイック動画公開プレーヤの公開コードの構成パラメータ、または Player API を使用します。



  • プレーヤを表示する
  • デフォルト表示寸法: 480x270
  • コンポーネント
    ビデオプレーヤ (プレーヤコントロールをマウスオーバー時に表示)
Back to Top
Widescreen with Horizontal List 3.0

このテンプレートでは、プレイリストを 1 つだけ使用できます。標準の 16:9 または 4:3 の動画をレターボックス付きで表示できます。動画プレーヤの下部にあるスクロールリストに、各動画の名前とサムネイルが表示されます。

Widescreen with Horizontal List 3.0

  • View Player
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 650x630
    ビデオプレーヤ: 630x354
    ビデオプレーヤ以外: 20x276
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    タイトルラベル
    右上画像: 300x60
    水平スクロールビデオリスト
Back to Top
Widescreen with Vertical Video List

このテンプレートでは、プレイリストを 1 つだけ使用できます。デフォルトでは、プレーヤのサイズは 16:9 ですが、公開コードを使用し、4:3 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの横にあるスクロールリストに、各動画のサムネイルが表示されます。

Widescreen with Vertical Video List

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 588x410
    ビデオプレーヤ: 480x270
    ビデオプレーヤ以外: 108x140
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    タイトルラベル
    右下画像: 300x60
    サムネール付垂直スクロールビデオリスト
Back to Top
Widescreen with Video Text List

このテンプレートでは、プレイリストを 1 つだけ使用できます。デフォルトでは、プレーヤのサイズは 16:9 ですが、公開コードを使用し、4:3 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの横にあるスクロールリストに、各動画の名前と説明が表示されます。

Widescreen with Video Text List

Back to Top
Video Player with Horizontal Video List

このテンプレートでは、プレイリストを 1 つだけ使用できます。デフォルトでは、プレーヤのサイズは 4:3 ですが、公開コードを使用し、16:9 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの下部にあるスクロールリストに、各動画のサムネイルが表示されます。

Video Player with Horizontal Video List

Back to Top
Tabbed Navigation 3.0

このプレーヤでは、視聴者がプレイリスト領域の上部にあるタブを選択して、複数のプレイリスト間で切り替えをすることができます。右側のスクロールリストには、各動画の短い説明文とサムネイルが表示されます。

クリックして拡大

Tabbed Navigation 3.0

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 966x546
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 486x186
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    左上画像: 480x55
    右下画像: 468x60
    ビデオリスト(サムネイル、短い説明付)
    タブバー付きプレイリスト
    追加プレイリストのドロップダウンメニュー表示
Back to Top
Compact Tabbed 3.0

このプレーヤは、Tabbed 3.0 プレーヤと似ています。1024 x 768 のディスプレイでの表示に合わせたサイズで、標準の Tabbed テンプレートよりも幅が狭くなっています。このプレーヤでは、視聴者がプレイリスト領域の上部にあるタブを選択して、複数のプレイリスト間で切り替えをすることができます。右側のスクロールリストには、各動画の短い説明文とサムネイルが表示されます。

クリックして拡大

Compact Tabbed Navigation 3.0

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 798x603
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 318x243
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    左上画像: 300x40
    下画像: 728x90
    ビデオリスト(サムネイル、短い説明付)
    タブバー付きプレイリスト
    追加プレイリストのドロップダウンメニュー表示
Back to Top
Chromeless Video Player with Tabbed Playlists

このテンプレートは、リサイズ可能な Chromeless Video Player とタブナビゲーションのコンビネーションです。このプレーヤでは、視聴者がプレイリスト領域の上部にあるタブを選択して、複数のプレイリスト間で切り替えをすることができます。右側のスクロールリストには、各動画の短い説明文とサムネイルが表示されます。

クリックして拡大

Chromeless Video Player with Tabbed Playlists

Back to Top
Thumbnail Navigation

このテンプレートは複数のプレイリストをサポートし、各プレイリストの各動画のサムネールをスクロール可能なタイルリスト上に表示します。

クリックして拡大

Thumbnail Navigation player template

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 956x654
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 476x294
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    タブバー付きプレイリスト
    スクロールタイルビデオリスト(サムネイル、短い説明付)
    上部ブランディングエリア, 480x40
    下部ブランディングエリア, 728x90
Back to Top
Video Player with Dropdown Navigation

このプレーヤでは、複数のプレイリストを使用できます。プレイリストは、ドロップダウンメニューから選択できます。デフォルトでは、プレーヤのサイズは 4:3 ですが、公開コードを使用し、16:9 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの下部にあるスクロールリストに、各動画の名前、説明、およびサムネイルが表示されます。

Widescreen with Dropdown Navigation

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 776x410
    ビデオプレーヤ: 630x354
    ビデオプレーヤ以外: 146x56
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    ドロップダウンメニュー付きプレイリスト
    スクロールビデオリスト(サムネイル付)
Back to Top
Widescreen with Dropdown Navigation

このプレーヤでは、複数のプレイリストを使用できます。デフォルトでは、プレーヤのサイズは 16:9 ですが、公開コードを使用し、4:3 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの横にあるスクロールリストに、各動画のサムネイルが表示されます。

Video Player with Dropdown Navigation

  • プレーヤを表示する
  • PSD テンプレートをダウンロードする (.zip)
  • デフォルト表示寸法
    全体: 300x540
    ビデオプレーヤ: 300x230
    ビデオプレーヤ以外: 0x310
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    ドロップダウンメニュー付きプレイリスト
    スクロールビデオリスト(サムネイル、短い説明付)
Back to Top
モバイルプレーヤテンプレート

下記は、モバイルデバイス用に最適化された標準テンプレートです。タッチパネルでの操作性を考慮し、コントロール部分が比較的大きく表示されます。

Back to Top
Mobile Optimized Video Player

これはシンプルなシングル動画プレーヤで、動画の下に動画コントロールを表示します。タッチパネルでの操作性を考慮し、コントロール部分が比較的大きく表示されます。このプレーヤは動画ファイルの表示寸法に合わせて大きさを調整できるため、アスペクト比 16:9 の動画をレターボックスなしで表示するのに便利です。このプレーヤには、Media モジュールを使用してコンテンツを割り当てることはできません。プレーヤにコンテンツを割り当てるには、クイック動画公開を使用するか、プレーヤの公開コードの構成パラメータを変更するか、または Player API を使用します。

Mobile Optimized Video Player

  • プレーヤを表示する
  • デフォルト表示寸法
    全体: 480x450
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 0x90
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
Back to Top
Mobile Optimized Video Player with Horizontal Video List

このテンプレートでは、プレイリストを 1 つだけ使用できます。タッチパネルでの操作性を考慮し、コントロール部分が比較的大きく表示されます。デフォルトでは、プレーヤのサイズは 4:3 ですが、公開コードを使用し、16:9 に拡大縮小したり、サイズ変更したりすることができます。動画プレーヤの下部にあるスクロールリストに、各動画のサムネイルが表示されます。

Mobile-Optimized Video Player with Horizontal Video List

  • プレーヤを表示する
  • デフォルト表示寸法
    全体: 480x628
    ビデオプレーヤ: 480x360
    ビデオプレーヤ以外: 0x268
  • コンポーネント
    ビデオプレーヤ
    プレーヤコントロールバー
    タイトルラベル
    サムネイル付水平スクロールビデオリスト