Contacter le support | État du système
Contenu de la page

    Les lectuers de style

    Cette rubrique fournit une vue d'ensemble des paramètres de style du lecteur qui peuvent être configurés à l'aide du module Lecteurs.
     

    Certaines options de style de lecteur de base peuvent être configurées à l'aide du module Players. Pour une personnalisation complète du lecteur Brightcove, vous devez utiliser les feuilles de style en cascade (CSS). Pour plus d'informations sur l'utilisation du CSS pour personnaliser l'apparence du lecteur, consultez la section Étape par étape: Personnalisation du lectuer document du développeur.

    Pour configurer le lecteur Coiffant paramètres, procédez comme suit :

    1. Cliquez sur Players dans l'en-tête de navigation pour ouvrir le module Players.
    2. Cliquez sur le lien du lecteur à configurer.
    3. Cliquez sur Style dans le menu de navigation de gauche.
    style menu

    Les paramètres de style suivants peuvent être configurés :

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

    Type de liste de lecture

    Les Type de liste de lecture Ce paramètre contrôle la façon dont la liste de lecture est affichée. Cette option n'apparaîtra que si Type de lectuer est réglé sur Playlist en tant que membre de Informations sur le lectuer Propriétés. Les options suivantes sont disponibles :

    • Playlist horizontale - Le lectuer affiche une liste de lecture horizontale
    • Playlist verticale - Le lectuer affiche une liste de lecture verticale
    • Liste de lecture cachée - La liste de lecture sera masquée

    Titre et description

    Sélectionnez Afficher le titre et la description pour afficher le titre et la description de la vidéo sur le lecteur.

    video title

    Forme du bouton de lecture

    Le paramètre Forme du bouton de lecture contrôle la forme du bouton de lecture. Les formes suivantes sont prises en charge :

    • Cercle
    • Carré
    • Rectangle

    Position du bouton de lecture

    Le paramètre Position du bouton de lecture contrôle l'emplacement du bouton de lecture dans le lecteur. Les positions suivantes sont prises en charge :

    • Centre
    • En haut à gauche
    • En haut à droite

    Thème couleur

    Les paramètres de Thème couleur contrôlent les couleurs utilisées dans le lecteur, y compris les boutons de lecture/pause, le temps écoulé et le volume, les légendes, le plein écran et les icônes de partage.

    Les couleurs de thème suivantes peuvent être configurées :

    • Principal - Contrôle la couleur du gros bouton de lecture, de la barre de progression et du niveau de volume
    • Arrière-plan: contrôle la couleur d'arrière-plan des commandes du lecteur
    • Icônes - Contrôle la couleur de la flèche dans le bouton de lecture et les icônes de la barre de contrôle du lecteur

    Pour modifier la couleur d'un thème :

    1. Cliquez sur une couleur de thème pour ouvrir le sélecteur de couleurs.
    2. Cliquez sur une couleur sur le côté droit.
    3. Cliquez sur le carré pour sélectionner la nuance de la couleur voulue. Pour définir la couleur, vous pouvez également utiliser le modèle de couleurs TSV (Teinte, Saturation, Valeur) dans la commande textuelle.
      icon color
    4. Le curseur situé sous le carré de couleur peut être utilisé pour définir l'opacité des contrôles.
    5. Cliquez en dehors du sélecteur de couleurs pour modifier une autre couleur de thème.

    Logo superposé

    Une superposition de logo est une image qui apparaît au-dessus du lecteur. Un exemple de superposition de logo apparaît ci-dessous.

    Pour ajouter une superposition de logo :

    1. Définissez la superposition du logo sur On.
    2. Cliquez sur Parcourir et sélectionnez une image superposée (les images .png, .jpg et .gif sont prises en charge).
    3. (Facultatif) Entrez une URL du logo. Lorsque vous cliquez sur la superposition, cette URL s'ouvre dans un nouvel onglet du navigateur.
    4. Sélectionnez une position de logo pour la superposition :
      • En bas à droite
      • En bas à gauche
      • En haut à droite

    Dernière mise à jour de la page le 20 Apr 2021