Video player
Le video player vous permet de lire des vidéos en différents formats provenant de sources externes. Il est inclus dans le Dashboard bundle.
Les formats vidéo suivants sont supportés. Pour plus d'informations, consultez Restrictions.
- MP4
- OGG
- WEBM
- YouTube
Les URL utilisées dans le video player doivent être ajoutées à la liste verte par l'administrateur de clients dans le centre d'activités Administration. Pour plus d'informations, voir Gestion de Content Security Policy (CSP). Pour des exemples de liste verte, voir Exemples de liste verte de video player.
Cas d'utilisation
Le video player s'avère utile si vous souhaitez inclure une vidéo dans votre application. Par exemple, vous souhaitez montrer une vidéo de démo ou de formation, ajouter un didacticiel ou présenter les actualités d'entreprise.
Ajout de vidéos
Vous pouvez ajouter un objet video player à une feuille que vous modifiez. Ajoutez ou collez un lien vidéo dans l'objet vidéo. La vidéo est diffusée en continu depuis une source ; elle n'est pas chargée dans Qlik Sense. Par défaut, le format vidéo du lien est automatiquement détecté, la vidéo n'est pas automatiquement lue et les contrôles vidéo sont mis à la disposition des utilisateurs d'applications.
Procédez comme suit :
- Dans le panneau des ressources en mode d'édition avancé, ouvrez Objets personnalisés > Dashboard bundle et faites glisser un objet Video Player sur la feuille ou cliquez sur Ajouter à la feuille.
- Ajoutez une vidéo sous forme d'URL dans le champ Video player object Add URL ou dans le panneau des propriétés sous Vidéo > URL. Vous pouves formater le champ URL sous forme d'expression.
- Le paramètre Autodetect du format est le paramètre par défaut et il s'ajustera en fonction de l'URL. Vous pouvez également désactiver Autodetect et sélectionner le format vidéo supporté correct.
Une fois la vidéo ajoutée, vous pouvez modifier ses options.
Configuration des options vidéo
Les options vidéo sont définies dans le panneau Propriétés.
Cliquez sur Auto play si vous souhaitez que la vidéo démarre automatiquement lorsqu'elle est affichée en mode Analyzer. Par défaut, l'option Auto play est désactivée. Lorsque l'option Auto play est sélectionnée, la vidéo démarre, mais en mode silencieux. L'utilisateur de l'application doit sélectionner Unmute pour activer le son.
Cliquez sur Hide controls pour désactiver les contrôles vidéo en mode Analyzer. Par défaut, les contrôles vidéo sont visibles.
Vous pouvez ajouter une Poster image. Par défaut, Poster image est désactivé. Pour Source, sélectionnez une URL externe qui pointe vers une image, ou ajoutez une image provenant de votre bibliothèque multimédia.
En cas de sélection d'une Poster image, l'image sélectionnée est affichée avant le lancement de la lecture de la vidéo. Poster alignment spécifie la manière dont la Poster image sera alignée à l'intérieur du video player.
Vous ne pouvez pas lire la vidéo en mode d'édition. Lorsque vous passez du mode Analyser au mode d'édition, la vidéo redémarre.
En mode Analyzer, vous démarrez la vidéo à l'aide du bouton de lecture. Vous pouvez mettre la vidéo en pause, activer ou désactiver le son et afficher la vidéo en plein écran. Vous pouvez également partager le video player object et effectuer l'opération Take snapshot.
En mode d'édition, le menu contextuel qui apparaît après un clic-droit fournit des options pour Qlik Sense. En mode Analyzer, le menu contextuel fournit des options pour YouTube.
Le développeur d'applications (mode d'édition) ou le consommateur d'applications (mode Analyzer) doit autoriser la lecture des vidéos YouTube dans Qlik Sense.
Personnalisation du style
Lorsque Options avancées est activé, vous disposez d'un certain nombre d'options de style sous Aspect dans le panneau des propriétés.
Cliquez sur Styles sous Aspect > Présentation pour personnaliser davantage le style du graphique. Vous pouvez réinitialiser vos styles en cliquant sur à côté de chaque section. Un clic sur Réinitialiser tout réinitialise les styles de tous les onglets disponibles dans le panneau de style.
Pour des informations générales sur la définition du style d'une visualisation individuelle, voir Application d'un style personnalisé à une visualisation.
Personnalisation du texte
Vous pouvez définir le texte du titre, du sous-titre et de la note de bas de page sous Aspect > Général. Pour masquer ces éléments, désactivez Afficher les titres.
La visibilité des différentes étiquettes du graphique dépend des options d'affichage des étiquettes et des paramètres propres au graphique. Il est possible de configurer ces options dans le panneau des propriétés.
Vous pouvez définir le style du texte qui apparaît sur le graphique.
Procédez comme suit :
-
Cliquez sur Options avancées.
-
Dans le panneau des propriétés, développez la section Aspect.
-
Sous Aspect > Présentation, cliquez sur Styles.
-
Dans l'onglet Général, définissez la police, le style d'accentuation, la taille de police et la couleur des éléments de texte suivants :
-
Titre
-
Sous-titre
-
Note de bas de page
-
Personnalisation de l'arrière-plan
Vous pouvez personnaliser l'arrière-plan du graphique. Pour l'arrière-plan, il est possible de définir une couleur et une image.
Procédez comme suit :
-
Cliquez sur Options avancées.
-
Dans le panneau des propriétés, développez la section Aspect.
-
Sous Aspect > Présentation, cliquez sur Styles.
Dans l'onglet Général du panneau de styles, vous pouvez sélectionner une couleur d'arrière-plan (une seule couleur ou expression). Vous pouvez également définir l'arrière-plan sur une image de votre bibliothèque multimédia ou d'une URL.
Note InformationsPour pouvoir ajouter une image d'arrière-plan à partir d'une URL, il faut que l'origine de l'URL soit ajoutée à la liste verte de la stratégie de sécurité de contenu de votre client. L'origine doit être ajoutée avec la directive suivante : img-src. Cette opération est effectuée par un administrateur de clients.
Pour plus d'informations, consultez Création d'une entrée CSP.
Lors de l'utilisation d'une couleur d'arrière-plan, utilisez le curseur pour régler l'opacité de l'arrière-plan.
Lors de l'utilisation d'une image d'arrière-plan, vous pouvez ajuster la taille et la position de l'image.
Personnalisation de la bordure et de l'ombre
Vous pouvez personnaliser la bordure et l'ombre du graphique.
Procédez comme suit :
-
Cliquez sur Options avancées.
-
Dans le panneau des propriétés, développez la section Aspect.
-
Sous Aspect > Présentation, cliquez sur Styles.
-
Dans l'onglet Général du panneau de style, sous Bordure, ajustez la taille Contour pour augmenter ou diminuer les lignes de bordure autour du graphique.
-
Sélectionnez une couleur pour la bordure.
-
Ajustez le Rayon d'angle pour contrôler l'arrondi de la bordure.
-
Sous Ombre dans l'onglet Général, sélectionnez une taille et une couleur d'ombre. Pour supprimer l'ombre, sélectionnez Aucune.
Restrictions
Le video player présente les limites suivantes :
- Safari ne prend pas en charge les formats OGG ni WEBM.
- iPhone ajoute des contrôles vidéo natifs. Il n'utilise pas les contrôles du video player. C'est pourquoi l'activation de l'option Hide controls ne désactive pas les contrôles.
- Android ne prend pas en charge le format OGG.
- Lors de l'export ou de l'impression d'une feuille incluant un video player object, cet objet n'est pas inclus.
Exemples de liste verte de video player
La table suivante fournit des exemples de liste verte de video player. Pour plus d'informations, consultez Gestion de Content Security Policy (CSP).
Nom | Origine | Directive |
---|---|---|
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 |