HTML5 プレーヤでサポートされる BEML 要素

Product
Video Cloud
対象となる役割
パブリッシャ
バージョン
Brightcove 5
モジュール
BEML
エディション
Pro, Enterprise
作成者 Jessica Nutting.

この記事では、HTML5 モードにおいて、カスタマイズされたスマート プレーヤでサポートされる現在の BEML 要素のリストを示します。また、まだサポートされていない BEML 要素で作成された HTML5 プレーヤの動作について説明します。

Flash Player をサポートしない、または Flash Player をインストールしていない機器で動画を表示できるように、ブライトコーブはスマート プレーヤを開発しました。HTML5 を有効にした Brightcove スマート プレーヤは、Apple または Android モバイル機器で Flash Player を検出できなかった場合、HTML5 プレーヤとして動画を表示します。Brightcove スマート プレーヤおよびその現在の機能の詳細については、HTML5 およびスマート プレーヤを使って動画を配信するを参照してください。

この記事では、HTML5 モードにおいて、カスタマイズされたスマート プレーヤでサポートされる現在の BEML 要素のリストを示します。また、まだサポートされていない BEML 要素で作成された HTML5 プレーヤの動作について説明します。

Flash Player をサポートしない機器、または Flash Player をインストールしていない機器で動画を表示できるように、ブライトコーブはスマート プレーヤを開発しました。HTML5 を有効にした Brightcove スマート プレーヤは、Apple または Android モバイル機器で Flash Player を検出できなかった場合、HTML5 プレーヤとして動画を表示します。Brightcove スマート プレーヤおよびその現在の機能の詳細については、「HTML5 およびスマート プレーヤを使って動画を配信する」を参照してください。

スマート プレーヤに対して、BEML で設計したカスタム テンプレートを使用できます。ブライトコーブでは、Flash モードにおいてスマート プレーヤ用の BEML 要素をすべてサポートし続けます。ただし、HTML5 モードでは、まだ一部の BEML 要素をサポートしていません。BEML レイアウト要素はすべて HTML5 でサポートされます。また、テンプレート領域の寸法はすべて固定されたままです。BEML プレーヤのサイズおよび主なゾーンは変わりません。基本的に、サポートされていない BEML 要素を含む BEML テンプレートが表示されるとき、サポートされている要素のテンプレート レイアウトおよび動作が尊重されます。ただし、HTML5 モードでサポートされない BEML 要素に出会うと、データは表示されません。

サポートされる BEML 要素

以下の要素は、Flash モードと HTML5 モードの両方においてスマート プレーヤでサポートされます。テンプレートが次の BEML 要素だけを使用する場合、BEML で作成されたカスタム プレーヤ テンプレートを使用するプレーヤは、HTML5 で完全に表示され機能します。

  • VideoPlayer
  • ChromelessVideoPlayer
  • Canvas
  • VBox
  • HBox
  • Spacer
  • Image
  • Grid
  • Label
  • TitleLabel
  • Link
  • List
  • TileList
  • ListItem
  • ThumbnailButton

サポートされていない BEML 要素

以下の BEML 要素はサポートされていません。データ領域は表示されません。また、コントロールは機能しません。

  • TabBar
  • ComboBox
  • MediaControls
  • TextRegion
  • ChromelessControls
  • AudioPlayer
  • Button
  • Banner
  • ExpandingBanner
  • Modules*
  • SWFLoader*

* Modules 要素または SWFLoader 要素を含むプレーヤは、スマート プレーヤとして機能できます。ただし、それらの要素の SWF はすべて無視され、プレーヤが HTML5 モードの間、ロードされません。

サポートされない BEML 要素を使った HTML5 プレーヤの動作例

このセクションでは、HTML5 プレーヤでサポートされない BEML 要素を使ったスマート プレーヤの外観と機能に注目します。1 つのスマート プレーヤが Flash および HTML5 の各プレーヤ モードでどのように見えるかを並べて示します。

TextRegion 要素および HTML5 でサポートされない機能

Flash モードでは、動画タイトルなどのテキストが表示されます。HTML5 モードでは、専用のテキスト領域は設けられますが、テキストは表示されません。また、HTML5 クローム プレーヤは、電子メール、ソーシャル共有、コード取得、フルスクリーン、ボリューム調整をサポートしないことに注意してください。ただし、クロムレス プレーヤは、プレーヤ本来のコントロールを使用し、画質切り換えなど、カスタム コントロールを備えていません。また、ソーシャル共有制御や音量調節など、サポートされていない機能も含みません。HTML5 モードにおいて現在サポートされていないスマート プレーヤの機能のリストは、「HTML5 モードでのプレーヤの機能」を参照してください。

Flash HTML5

ChromelessControls

Flash モードでは、動画プレーヤは、BEML が設計したクロムレス コントロールを使用します。HTML5 モードでは、ネイティブなプレーヤの標準クロムレス再生、一時停止、フルスクリーン、および音量調節を使用します。画質切り換えやソーシャル共有リンクは備えていません。

Flash HTML5

VideoDisplay および MediaControls

ここでは Flash Player は、VideoDisplay 要素と MediaControl 要素を尊重します。一方、HTML5 プレーヤでは、VideoDisplay 要素が、ネイティブな機器プレーヤを呼び出します。HTML5 プレーヤでは MediaControls 要素領域が無視されることに注意してください。ネイティブな機器プレーヤは、フルスクリーン ボタンおよびネイティブなプレーヤ コントロールを自動的に利用することに注意してください。機器によってネイティブ プレーヤのコントロールが異なることを忘れないでください。

Flash HTML5

ネイティブ プレーヤを呼び出す BEML 要素

以下の BEML 要素は、モバイル機器のネイティブ プレーヤを呼び出します。機器が異なると、プレーヤのコントロールも異なることを忘れないでください。

  • VideoDisplay：ネイティブ プレーヤの動画プレーヤ。
  • ChromelessControls：HTML5 プレーヤは、プレーヤのネイティブ コントロールを使用します。画質切り換えなど、カスタム コントロールを含みません。HTML5 プレーヤ コントロールは、ソーシャル共有制御や音量調節など、サポートされていない機能を含みません。HTML5 モードにおいて現在サポートされていないスマート プレーヤの機能のリストは、「HTML5 モードでのプレーヤの機能」を参照してください。
  • MediaControls：HTML5 プレーヤは、コントロール類を完全に無視します。