ビデオプレーヤーウィジェット (テーマ指定可能) を使用すると、マッシュアップにビデオを埋め込んで再生できます。ビデオプレーヤーは、自動再生、サムネイルイメージの追加、コントロールの外観の制御など、複数のオプションをサポートしています。これは、一貫したユーザーエクスペリエンスを実現するためのテーマ指定をサポートするレスポンシブウィジェットです。

次の表は、このウィジェットの操作に使用できるキーボードショートカットを、コンポーネント別に示しています。

ビデオプレーヤーコントロールの位置を設定するには、OverlayControls プロパティを使用します。このプロパティが true に設定されている場合、コントロールは動画コンテンツ上に表示されます。false に設定すると、コントロールは動画の下に表示されます。コントロールをオーバーレイすると、ウィジェットが使用する垂直方向のスペースが減ります。

動画が始まる前にプレビューイメージを表示するには、Thumbnail プロパティを使用します。ユーザーが再生ボタンを選択するまで、動画の代わりにイメージが表示されます。この機能は、コンテキスト、ブランディング、またはコンテンツのプレビューを提供するのに役立ちます。プレイバックが始まると、サムネイルが動画に置き換えられます。

AutoPlay プロパティを有効にすることで、マッシュアップがロードされたときに動画のプレイバックを自動的に開始できます。AutoPlay を有効にすると、動画はデフォルトでミュートされます。オーディオを有効にするには、ユーザーは動画のプレイバックが開始された後に手動でミュート解除する必要があります。オーディオを設定するには、ウィジェットの Mute プロパティを有効または無効にするか、オーディオを動的に制御するバインドを作成します。

プレーヤーにダウンロードボタンを表示するには、EnableDownload プロパティを使用します。有効にすると、ユーザーはこのボタンを使用して、指定された URL から動画をダウンロードできます。オフライン表示をサポートしたり、動画コンテンツを共有したりするには、この機能を使用します。

ThingWorx 環境でコンテンツセキュリティポリシー (CSP) ルールが有効になっている場合にビデオプレーヤーウィジェットを正しく機能させるには、動画のロード元の外部ドメインが含まれるように media-src ディレクティブを更新する必要があります。次に例を示します。

CSP 規則の設定の詳細については、コンテンツセキュリティポリシーを参照してください。

以下のテーブルにウィジェットのプロパティを示します。

次の表に、ウィジェットの検証プロパティを示します。