Video-Player
Über den Video-Player können Sie Videos in verschiedenen Formate aus externen Quellen abspielen. Die Erweiterung ist im Dashboard-Bundle enthalten.
Folgende Videoformate werden unterstützt. Weitere Informationen finden Sie unter Beschränkungen.
- MP4
- OGG
- WEBM
- YouTube
Im Video-Player verwendete URLs müssen der Zulassungsliste vom Mandantenadministrator im Aktivitätscenter Verwaltung hinzugefügt werden. Weitere Informationen finden Sie unter Verwalten von Content Security Policy (CSP). Beispiele für Zulassungslisten finden Sie unter Beispiele für die Video-Player-Zulassungsliste.
Verwendung
Der Video-Player ist nützlich, wenn Sie ein Video in Ihre Anwendung einschließen möchten. Damit können Sie beispielsweise eine Demo oder ein Schulungsvideo zeigen, ein Tutorial hinzufügen oder Unternehmensnachrichten präsentieren.
Hinzufügen von Videos
Sie können ein Video-Player-Objekt zu einem Arbeitsblatt hinzufügen, das Sie bearbeiten. Fügen Sie einen Video-Link zum Video-Objekt hinzu bzw. darin ein. Das Video wird aus einer Quelle gestreamt, es wird nicht in Qlik Sense hochgeladen. Standardmäßig wird das Videoformat des Links automatisch erkannt, das Video wird nicht automatisch wiedergegeben, und den App-Nutzern werden Videosteuerelemente bereitgestellt.
Gehen Sie folgendermaßen vor:
- Öffnen Sie im Extras-Fenster im erweiterten Bearbeitungsmodus die Option Benutzerdefinierte Objekte > Dashboard bundle und ziehen Sie ein Video-Player-Objekt auf das Arbeitsblatt oder klicken Sie auf Zu Arbeitsblatt hinzufügen.
- Fügen Sie ein Video als URL zum Video-Player-Objektfeld Add URL hinzu, oder wählen Sie im Eigenschaftsfenster unter Video > URL. Sie können das URL-Feld als Formel formatieren.
- Das Format Autodetect ist die Standardeinstellung, und sie wird basierend auf der URL angepasst. Sie können auch Autodetect deaktivieren und dann das korrekte unterstützte Videoformat auswählen.
Nachdem Sie das Video hinzugefügt haben, können Sie seine Optionen anpassen.
Einrichten von Videooptionen
Videooptionen werden im Fenster Eigenschaften festgelegt.
Klicken Sie auf Auto play, wenn das Video bei der Anzeige im Analyzer-Modus automatisch gestartet werden soll. Auto play ist standardmäßig deaktiviert. Wenn Auto play ausgewählt ist, wird das Video gestartet, ist aber stummgeschaltet. Der App-Benutzer muss die Unmute, um den Ton einzuschalten.
Klicken Sie auf Steuerungen ausblenden, um Videosteuerelemente im Analyzer-Modus zu deaktivieren. Standardmäßig werden Videosteuerelemente angezeigt.
Sie können ein Poster image hinzufügen. Standardmäßig ist das Posterbild deaktiviert. Wählen Sie als Source eine externe URL aus, die zu einem Bild führt, oder fügen Sie ein Bild aus Ihrer Medienbibliothek hinzu.
Wenn ein Posterbild ausgewählt ist, wird das ausgewählte Bild angezeigt, bevor die Videowiedergabe beginnt. Poster alignment gibt an, wie das Posterbild im Video-Player ausgerichtet wird.
Im Bearbeitungsmodus kann das Video nicht wiedergegeben werden. Das Video wird neu gestartet, wenn Sie zwischen dem Analyzer-Modus und dem Bearbeitungsmodus wechseln.
Im Analyzer-Modus starten Sie das Video mit der Wiedergabetaste. Sie können das Video anhalten, zwischen Stummschaltung und Ton wechseln und das Video als Vollbild anzeigen. Sie können das Video-Player-Objekt auch freigeben und Take snapshot.
Im Bearbeitungsmodus enthält das Rechtsklick-Kontextmenü Optionen für Qlik Sense. Im Analyzer-Modus enthält das Kontextmenü Optionen für YouTube.
Der App-Entwickler (Bearbeitungsmodus) oder der App-Nutzer (Analyzer-Modus) muss zulassen, dass YouTube-Videos in Qlik Sense wiedergegeben werden.
Anpassen des Designs
Wenn Erweiterte Optionen aktiviert ist, stehen Ihnen mehrere Designoptionen im Eigenschaftsfenster unter Darstellung zur Verfügung.
Klicken Sie auf Design unter Darstellung > Präsentation, um das Design des Diagramms weiter anzupassen. Sie können Ihre Designs zurücksetzen, indem Sie auf neben den einzelnen Abschnitten klicken. Wenn Sie auf Alle zurücksetzen klicken, werden die Designs für alle verfügbaren Registerkarten im Designfenster zurückgesetzt.
Allgemeine Informationen zum Formatieren einer einzelnen Visualisierung finden Sie unter Anwenden von benutzerdefinierten Designs auf eine Visualisierung.
Anpassen des Texts
Sie können den Text für Titel, Untertitel und Fußnoten unter Darstellung > Allgemein festlegen. Um diese Elemente auszublenden, deaktivieren Sie Titel anzeigen
Die Sichtbarkeit der verschiedenen Bezeichnungen des Diagramms hängt von den diagrammspezifischen Einstellungen und den Anzeigeoptionen der Bezeichnungen ab. Diese können im Eigenschaftsfenster konfiguriert werden.
Sie können das Design des im Diagramm angezeigten Texts ändern.
Gehen Sie folgendermaßen vor:
-
Klicken Sie auf Erweiterte Optionen.
-
Erweitern Sie im Eigenschaftsfenster den Abschnitt Darstellung.
-
Klicken Sie unter Darstellung > Präsentation auf Design.
-
Legen Sie auf der Registerkarte Allgemein die Schriftart, den Hervorhebungsstil, die Schriftgröße und die Farbe der folgenden Textelemente fest:
-
Titel
-
Untertitel
-
Fußnote
-
Anpassen des Hintergrunds
Sie können den Hintergrund des Diagramms anpassen. Der Hintergrund kann mit einer Farbe oder einem Bild festgelegt werden.
Gehen Sie folgendermaßen vor:
-
Klicken Sie auf Erweiterte Optionen.
-
Erweitern Sie im Eigenschaftsfenster den Abschnitt Darstellung.
-
Klicken Sie unter Darstellung > Präsentation auf Design.
Wählen Sie im Fenster „Design“ auf der Registerkarte Allgemein eine Hintergrundfarbe (einzelne Farbe oder Formel) aus. Sie können den Hintergrund auch als Bild aus der Medienbibliothek oder über eine URL festlegen.
InformationshinweisUm ein Hintergrundbild über eine URL hinzuzufügen, muss die Herkunft der URL in die Zulassungsliste der Inhaltssicherheitsrichtlinie Ihres Mandanten aufgenommen werden. Die Herkunft muss mit der folgenden Richtlinie hinzugefügt werden: img-src. Dieser Vorgang muss von einem Mandantenadministrator durchgeführt werden.
Weitere Informationen finden Sie unter Erstellen eines CSP-Eintrags.
Wenn eine Hintergrundfarbe verwendet wird, können Sie die Opazität des Hintergrunds über den Schieberegler einstellen.
Wenn Sie ein Hintergrundbild verwenden, können Sie die Bildgröße und -position anpassen.
Anpassen des Rahmens und Schattens
Sie können den Rahmen und den Schatten des Diagramms anpassen.
Gehen Sie folgendermaßen vor:
-
Klicken Sie auf Erweiterte Optionen.
-
Erweitern Sie im Eigenschaftsfenster den Abschnitt Darstellung.
-
Klicken Sie unter Darstellung > Präsentation auf Design.
-
Passen Sie im Fenster „Design“ auf der Registerkarte Allgemein unter Rahmen die Umriss-Größe an, um die Rahmenlinien um das Diagramm zu vergrößern oder zu verkleinern.
-
Wählen Sie eine Farbe für den Rahmen aus.
-
Passen Sie den Eckradius an, um die Rundung des Rahmens zu steuern.
-
Wählen Sie auf der Registerkarte Allgemein unter Schatten eine Schattengröße und -farbe aus. Wählen Sie Keine aus, um den Schatten zu entfernen.
Beschränkungen
Der Video-Player weist die folgenden Einschränkungen auf:
- Safari unterstützt die Formate OGG und WEBM nicht.
- iPhone fügt native Videosteuerelemente hinzu. Die Video-Player-Steuerelemente werden nicht verwendet. Daher werden mit Steuerelemente ausblenden die Steuerelemente nicht deaktiviert.
- Android unterstützt das OGG-Format nicht.
- Beim Exportieren oder Drucken eines Arbeitsblatts, das ein Video-Player-Objekt enthält, wird das Video-Player-Objekt nicht eingeschlossen.
Beispiele für die Video-Player-Zulassungsliste
Die folgende Tabelle enthält Zulassungslistenbeispiele für den Video-Player. Weitere Informationen finden Sie unter Verwalten von Content Security Policy (CSP).
Name | Herkunft | Directive (Richtlinie) |
---|---|---|
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 |