# ビデオ プレーヤーの作成

ビデオプ レーヤーを使用すると、外部ソースからさまざまな形式でビデオを再生できます。ビデオプ レーヤーはダッシュボード バンドルに含まれます。詳細については、「[Dashboard bundle](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/DashboardBundle/dashboard-bundle.htm)」を参照してください。

編集中のシートにビデオ プレーヤー オブジェクトを追加できます。ビデオ リンクをビデオ オブジェクトに追加または貼り付けます。ビデオはソースからストリーミングされます。Qlik Sense にはアップロードされません。既定では、リンクのビデオ形式は自動検出され、ビデオは自動再生されず、アプリケーション コンシューマーはビデオ コントロールを利用できます。

次の手順に従ってください:

1. アセット パネルで、 [チャート] を開きます。
2. [ダッシュボード オブジェクト] で、 [ビデオ プレーヤー] オブジェクトをシートにドラッグします。
3. [video player object] 項目の [Add URL] またはプロパティ パネルの [Video] > [URL] にビデオを URL として追加します。URL 項目を数式としてフォーマットできます。
4. [Autodetect] 形式は既定の設定であり、URL に基づいてそれに応じて調整されます。[Autodetect] をオフにしてから、サポートされている正しいビデオ形式を選択することもできます。

ビデオを追加したら、そのオプションを調整することをお勧めします。

## ビデオ オプションの設定

ビデオ オプションは、[Properties] ペインで設定されます。

アナライザー モードで表示したときにビデオを自動的に開始する場合は、[Auto play] をクリックします。[Auto play] は既定でオフになっています。[Auto play] を選択すると、ビデオは開始されますが、ミュートされます。アプリケーションのユーザーは、サウンドをオンにするために [Unmute] を選択する必要があります。

アナライザー モードでビデオ コントロールをオフにするには、[Hide Controls] をクリックします。既定では、ビデオ コントロールが表示されます。

[Poster image] を追加できます。既定では、[poster image] はオフになっています。[Source] で、画像に誘導する外部 URL を選択するか、メディア ライブラリから画像を追加します。

[poster image] を選択すると、動画の再生が始まる前に、選択した画像が表示されます。[Poster alignment] は、poster image がビデオ プレーヤー内でどのように配置されるかを指定します。

編集モードでビデオを再生することはできません。アナライザー モードと編集モードを切り替えると、ビデオが再開します。

アナライザー モードでは、再生ボタンでビデオを開始します。一時停止したり、[mute] と [unmute] を切り替えたり、ビデオを全画面で表示したりできます。[video player object] を共有し、[Take snapshot] こともできます。

編集モードでは、右クリックのコンテキスト メニューに Qlik Sense のオプションが表示されます。アナライザー モードでは、コンテキスト メニューに YouTube のオプションが表示されます。

アプリケーション開発者 (編集モード) またはアプリケーション コンシューマー (アナライザー モード) は、YouTube ビデオを Qlik Sense で再生できるようにする必要があります。

## スタイルのカスタマイズ

プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [the スタイル指定 icon] をクリックします。 各セクションの横にある ![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) をクリックすると、スタイルをリセットできます。![リセット](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) [すべてをリセット] をクリックすると、スタイル指定パネルで使用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 [ビジュアライゼーションへのカスタム スタイル指定の適用](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)」を参照してください。

### テキストのカスタマイズ

[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。

チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。

チャートに表示されるテキストのスタイルを指定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. [基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。

   * タイトル

   * サブタイトル

   * 脚注

### 背景のカスタマイズ

チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。

   情報メモ

   URL から背景画像を追加するには、その送信元をテナントのコンテンツ セキュリティ ポリシーの許可リストに追加する必要があります。オリジンを img-src ディレクティブで追加します。これは、管理者によって 管理 アクティビティ センターで実行されます。

   詳細については、「[CSP エントリの作成](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)」を参照してください。

   背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。

   背景画像を使用する際、画像のサイズや位置を調整できます。

### 境界線と影のカスタマイズ

チャートの境界線と影をカスタマイズできます。

次の手順を実行します。

1. プロパティ パネルで、 [スタイル] セクションを展開します。

2. [スタイル] > [プレゼンテーション] で、the スタイル指定 icon [] をクリックします。

3. スタイル パネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。

4. 境界線の色を選択します。

5. [角の半径] を調整して、境界線の丸みを制御します。

6. [一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

## 制限事項

ビデオ プレーヤーには次の制限があります。

* Safari は、OGG 形式と WEBM 形式をサポートしていません。
* iPhone はネイティブ ビデオ コントロールを追加します。ビデオ プレーヤー コントロールを使用しないため、[Hide Controls] はコントロールをオフにしません。
* Android は OGG 形式をサポートしていません。
* [video player object] を含むシートをエクスポートまたは印刷する場合、[video player object] は含まれません。

## ビデオ プレーヤーの許可リストの例

次のテーブルに、ビデオ プレーヤーの許可リストの例を示します。詳細については、「[Content Security Policy (コンテンツ セキュリティ ポリシー) (CSP) の管理](https://help.qlik.com/ja-JP/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm)」を参照してください。

ビデオ プレーヤーの許可リストの例

| 名前 | 原点 | ディレクティブ |
| --- | --- | --- |
| video-play-test-mp4 | file-examples-com.github.io | media-src |
| wiki img src | upload.wikimedia.org | img-src, media-src |
| YouTube - No cookies | www.youtube-nocookie.com | child-src, font-src, frame-ancestors, frame-src, img-src, media-src, script-src, worker-src |
| YouTube | www.youtube.com | child-src, font-src, frame-ancestors, frame-src, img-src, media-src, script-src, worker-src |
| YouTube - img | img.youtube.com | img-src |
| webm | dl5.webmfiles.org | img-src, media-src |

関連する学習コンテンツ：

* [ダッシュボード バンドルのビデオ プレーヤーを構成する方法](https://help.qlik.com/lnk/How_configure_dashbundle_video)

## 詳細を見る

* [ダッシュボード バンドルのビデオ プレーヤーを構成する方法](https://help.qlik.com/lnk/How_configure_dashbundle_video)