ビデオプレーヤー

ビデオプレーヤーを使用すると、外部ソースからさまざまな形式でビデオを再生できます。Dashboard bundle に含まれます。

次のビデオ形式がサポートされています。詳しくは「制限事項」を参照してください。

MP4
OGG
WEBM
YouTube

ビデオプレーヤーで使用される URL は、テナント管理者が Administration アクティビティセンターで許可リストに追加する必要があります。詳細については、「Content Security Policy (CSP) の管理」を参照してください。許可リストの例については、ビデオプレーヤーの許可リストの例 を参照してください。

使用に適しているケース

ビデオプレーヤーは、アプリケーションにビデオを含めたい場合に便利です。例えば、デモやトレーニングビデオを表示したり、チュートリアルを追加したり、企業ニュースを提示したりします。

ビデオの追加

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

次の手順を実行します。

詳細編集モードのアセットパネルから、[カスタムオブジェクト] > Dashboard bundle を開き、ビデオプレーヤーオブジェクトをシートにドラッグするか、[シートに追加] をクリックします。
[video player object] 項目の [Add URL] またはプロパティパネルの [Video] > [URL] にビデオを URL として追加します。URL 項目を数式としてフォーマットできます。
[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 で再生できるようにする必要があります。

スタイルのカスタマイズ

[詳細オプション] をオンにすると、プロパティパネルの [スタイル] に多数のスタイル指定オプションが表示されます。

チャートのスタイル指定をさらにカスタマイズするには、[スタイル] > [プレゼンテーション] で [スタイル指定] をクリックします。各セクションの横にあるをクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。

個々のビジュアライゼーションのスタイル指定に関する一般的な情報については、「 ビジュアライゼーションへのカスタムスタイル指定の適用」を参照してください。

テキストのカスタマイズ

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

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

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

次の手順を実行します。

[詳細オプション] をクリックします。
プロパティパネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォントサイズ、色を設定します。
- タイトル
- サブタイトル
- 脚注

背景のカスタマイズ

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

次の手順を実行します。

[詳細オプション] をクリックします。
プロパティパネルで、 [スタイル] セクションを展開します。
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディアライブラリまたは URL から画像を背景に設定することもできます。
情報メモ
URL から背景画像を追加するには、URL のオリジンをテナントのコンテンツセキュリティポリシーの許可リストに追加する必要があります。img-src の [ディレクティブ] を使用してオリジンを追加する必要があります。これはテナント管理者によって実行されます。
詳細については、「CSP エントリの作成」を参照してください。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。

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

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

次の手順を実行します。

[詳細オプション] をクリックします。
プロパティパネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイルパネルの [一般] タブの [境界線] で、 [枠線] のサイズを調整してチャートの周囲の境界線を増減します。
境界線の色を選択します。
[角の半径] を調整して、境界線の丸みを制御します。
[一般] タブの [影] で、影のサイズと色を選択します。影を消す場合は、 [None] (なし) を選択します。

制限事項

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

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