Configuration des contrôles du lecteur

Les contrôles du lecteur, tels que le sélecteur de qualité, la vitesse de lecture, l'image dans l'image, le contrôle du plein écran et le curseur de volume vertical, peuvent être configurés pour un lecteur.

Pour configurer le Les contrôles propriétés, procédez comme suit :

1. Ouvrez le module Players.
2. Cliquez sur le lien du lecteur à configurer.
3. Cliquez sur Contrôles dans le menu de navigation de gauche.

Les contrôles suivants peuvent être configurés :

• Sélecteur de qualité
• Taux de lecture
• Plein écran
• Curseur de volume vertical
• Recherche de vignettes
• Image dans l'image
• Passer à la vidéo suivante (playlist)

Une fois les modifications apportées, assurez-vous de republier le lecteur pour que les modifications soient visibles.

Sélecteur de qualité

Activation du Sélecteur de qualité offre la possibilité de sélectionner manuellement un rendu différent pendant la lecture de la vidéo. Une icône d'engrenage apparaîtra dans le coin inférieur droit du joueur.

Lorsque le sélecteur de qualité est activé, deux options pour l'étiquette du sélecteur de qualité sont activées :

• Afficher la résolution (par exemple, 720 p) - Les rendus seront affichés par des lignes de résolution horizontale

  

  Lorsque vous utilisez cette option, un autre paramètre (resolutionLabelBitrates) peut être ajouté au plugin Quality Selection pour afficher également les débits binaires.

  

  Cela doit être fait en éditant les paramètres du plugin car il n'y a actuellement aucun moyen de configurer cette option à l'aide de l'interface utilisateur du module Players. Pour plus d'informations, consultez le Plugin de sélection de qualité document.

• Afficher le HD/SD - Le lecteur examinera les informations de débit de chaque rendu pour déterminer s'il s'agit d'une carte SD ou HD

  

Taux de lecture

Les taux de lecture sont activés par défaut pour tous les nouveaux lecteurs à partir de la version 7. Cette fonction permet de sélectionner manuellement une vitesse de lecture différente. Une icône de taux de lecture apparaît dans le coin inférieur droit du lecteur.

Plein écran

Sélectionner Plein écran pour activer le contrôle plein écran. Le contrôle plein écran permet de redimensionner le lecteur pour remplir tout l'écran. Au lancement de la vidéo, une icône de plein écran s'affiche en bas à droite du lecteur.

Curseur de volume vertical

Sélectionner Curseur de volume vertical pour afficher le curseur de volume verticalement.

Recherche de vignettes

Sélectionner Recherche de vignettes pour afficher des miniatures vidéo sur la barre de progression.

Passer à la vidéo suivante (playlist)

Sélectionner Passer à la vidéo suivante (playlist) pour activer le contrôle de saut. Vous pouvez cliquer sur le contrôle de saut pour passer à la vidéo suivante dans la liste de lecture.

Image dans l'image

HTML5 image dans la fonctionnalité d'image est définie comme suit : Permet aux sites Web de créer une fenêtre vidéo flottante toujours au-dessus des autres fenêtres afin que les utilisateurs puissent continuer à consommer des médias pendant qu'ils interagissent avec d'autres sites de contenu ou applications sur leur appareil.

Un exemple d'image dans l'image est illustré dans les deux captures d'écran suivantes. Cette première capture d'écran montre un navigateur avec un lecteur affichant une vidéo. Notez le bouton image dans l'image en bas à droite du joueur avec la flèche rouge pointant vers lui.

Cette capture d'écran suivante montre le résultat du clic sur le bouton Image dans l'image. Le joueur se déplace par défaut près du coin inférieur droit de l'écran (PAS du navigateur). Le joueur peut alors être glissé partout où le spectateur souhaite le placer.

Cette fonctionnalité est activée par défaut. Tous les navigateurs ne prennent pas en charge cette fonctionnalité image dans l'image. Le tableau suivant détaille la prise en charge actuelle.

Vous pouvez désactiver cette fonctionnalité dans Studio à l'aide de l'option JSON Editor du module Players . Pour ce faire, ajoutez l'option de configuration "picture_in_picture_control": false, comme indiqué ici :