ウェブサイトを見る
ビデオをアプリケーションに追加し、対話性を向上させます。
データ・バインディング
「一般」プロパティーでビューのデータ・バインディングの設定や変更を行います。 ビデオはString 変数にバインドできます。構成プロパティー
「構成」で、ビューの外観および動作プロパティーを設定または変更します。
- 画面サイズ
- プロパティー名の横に画面サイズ・アイコン
がある構成プロパティーは、画面サイズごとに異なる値を持つことができます。 値を設定しない場合、画面サイズはそのデフォルト値として次に大きい画面サイズの値を継承します。
- テーマ定義
- テーマ定義は、ビューの色およびスタイルを指定し、その外観を決定します。 ビューのルック・アンド・フィールをテーマ・エディターでプレビューできます。 テーマを参照してください。
以下の表に、ビデオの外観構成プロパティーを示します。
| 外観構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| 幅 |
ビューの幅を指定します。 幅の単位は px (ピクセル)、% (パーセント)、または em で指定できます。 例えば、 50px、 20%、または 0.4emです。 単位タイプが指定されていない場合は、px とみなされます。 | String |
| 高さ |
ビューの高さを指定します。 高さの単位は px (ピクセル)、% (パーセント)、または em で指定できます。 例えば、 50px、 20%、または 0.4emです。 単位タイプが指定されていない場合は、px とみなされます。 | String |
| ポスター・イメージ | ポスター・イメージの URL。 | String |
以下の表に、ビデオの動作構成プロパティーを示します。
| 動作構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| ビデオのソース・タイプ | ビデオのタイプ。 MP4、 WEBM、 FLV 、および M3U8から選択します。 | String |
| 自動プリロード | このオプションを使用可能にした場合、ビューがロードされるとすぐにビデオ・データのロードが開始されます。 | Boolean |
| 自動再生 | このオプションが有効になっている場合、ビューがロードされるとすぐにビデオの再生が開始されます。 | Boolean |
トラック構成プロパティーを使用して、時間でトリガーされるテキストを視聴者に提供します。 以下の表に、ビデオのトラック・プロパティーを示します。
| トラック構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| source_Filename | トラック・テキストを含むテキスト・ファイルの名前。 ファイルは WebVTT 形式でなければならず、ライブラリーに管理対象資産として追加する必要があります。 | String |
| languageCode | テキスト・トラックの言語の 2 文字コード。 有効な BCP 47 言語タグを使用する必要があります。 例えば、英語の場合は en。 |
String |
| ラベル | ユーザーに表示されるトラックのラベル。 例えば、このラベルは、サブタイトルに使用可能な複数の言語をリストするメニュー内のオプションとして表示されます。 | String |
| 種類 | トラックのタイプ。 サポートされるタイプは、サブタイトル、キャプション、およびチャプターです。 | String |
| デフォルト | このトラックにデフォルトで定義されている言語を表示するには、デフォルト・オプションを選択します。 例えば、あるトラックを英語に定義し、別のトラックをフランス語に、さらに別のトラックをドイツ語に定義できます。 これらのトラックのいずれかをデフォルトとして設定できます。 デフォルトを設定しない場合、視聴者がキャプションまたはサブタイトルのメニューから言語を選択する必要があります。 | ブール値 |
イベント
「イベント」プロパティーでビューのイベント・ハンドラーの設定や変更を行います。 イベントをプログラムでトリガーするかユーザーがビューと対話したときにトリガーするように設定できます。 イベントを定義およびコーディングする方法については、 ユーザー定義イベントを参照してください。 ビデオには、以下のタイプのイベント・ハンドラーがあります。- On load: ビューのロード時にアクティブ化されます。以下に例を示します。
me.setWidth(${DeviceSensor}.getDeviceInfo().clientWidth)
方法
ビデオに使用できるメソッドの詳細情報については、 ビデオ JavaScript API を参照してください。
その他のリソース
Coach またはページの作成方法については、 Coach の作成を参照してください。
標準プロパティー (「一般」、 「構成」、 「位置決め」、 「可視性」、および 「HTML 属性」) について詳しくは、 「プロパティーの表示」を参照してください。