Personnaliser le lecteur VideoPress

Vous pouvez personnaliser le lecteur VideoPress pour qu’il corresponde au graphisme de votre site et contrôler la manière dont vos vidéos sont présentées. Dans ce guide, vous découvrirez comment ajuster la taille du lecteur, configurer une image de couverture personnalisée, activer ou désactiver les fonctionnalités de lecture et personnaliser la barre de progression.

Cette vidéo est en anglais.
YouTube propose des fonctions de traduction automatique pour que vous puissiez la visionner dans votre langue :

Pour afficher les sous-titres automatiques :

1. Lancez la vidéo.
2. Cliquez sur ⚙️ Paramètres (en bas à droite de la vidéo).
3. Sélectionnez Sous-titres/CC.
4. Choisissez Traduire automatiquement.
5. Sélectionnez votre langue.

Pour écouter avec le doublage automatique (expérimental) :

1. Cliquez sur ⚙️ Paramètres.
2. Sélectionnez Piste audio.
3. Sélectionnez la langue dans laquelle vous souhaitez écouter la vidéo.

ℹ️ Les traductions et doublages sont générés par Google, peuvent comporter des imprécisions et ne sont pas encore disponibles pour toutes les langues.

Pour redimensionner votre lecteur VideoPress directement dans l’éditeur WordPress, procédez comme suit :

1. Cliquez sur le bloc VideoPress pour le sélectionner.
2. Recherchez les poignées de redimensionnement (petits carrés) situées sur les bords ou dans les coins du lecteur vidéo.
3. Cliquez sur une poignée et faites-la glisser pour ajuster la largeur ou la hauteur du lecteur à la taille de votre choix.
4. Relâchez le bouton de la souris pour définir la nouvelle taille.
5. Cliquez sur Enregistrer ou Publier pour appliquer vos modifications.

Vous pouvez personnaliser la couleur de la barre de progression afin qu’elle s’harmonise mieux avec votre vidéo ou le graphisme de votre site.

1. Sélectionnez le bloc VideoPress, puis ouvrez la colonne latérale des styles de bloc.
   • Si vous ne voyez pas la colonne latérale, cliquez sur l’icône Réglages dans le coin supérieur droit.
2. La fonction Couleur dynamique est activée par défaut : elle adapte les couleurs à la vidéo au fur et à mesure de sa lecture.
3. Désactivez l’option pour définir les couleurs :
   • Principal : couleur par défaut de la barre de progression.
   • Chargé : la couleur de la barre une fois la vidéo chargée.
   • Progression : la couleur de la barre pendant le chargement de la vidéo.
4. Cliquez sur Enregistrer ou Publier pour appliquer vos modifications.

Ajustez les marges internes et externes autour du lecteur VideoPress dans les réglages des dimensions de la colonne latérale des styles de bloc.

Vous pouvez également insérer une vidéo et ajuster sa taille à l’aide d’un code court, en suivant ces étapes  :

1. Dans votre tableau de bord, cliquez sur Médias.
2. Cliquez sur la vidéo dont vous souhaitez obtenir le code court.
3. Copiez le code court fourni en cliquant sur le bouton Copier comme indiqué sur l’image ci-dessous.
   • Un code court VideoPress commence par le symbole [, suivi de wpvideo ou videopress, d’une chaîne de caractères et du symbole de fermeture ].
   • Par exemple :

[wpvideo YN4MKhAB]

4. Modifiez la page ou l’article sur lequel vous souhaitez afficher la vidéo.
5. Cliquez sur l’outil d’insertion de bloc + et ajoutez un bloc de code court.
6. Collez le code court de l’étape 3, puis ajoutez w=XXX avant le crochet de fin pour spécifier la largeur en pixels, comme ceci :

[wpvideo YN4MKhAB w=400]

Vous pouvez définir la largeur de la vidéo sur une taille plus petite ou plus grande, tant qu’elle correspond à la largeur de la colonne d’article de votre thème.

Le code court peut accepter les attributs suivants pour modifier le comportement par défaut :

• w=X pour la largeur en pixels, n’incluez pas les unités.
• h=Y pour la hauteur en pixels, n’incluez pas les unités.
• hd=true/false pour forcer la lecture HD.
• freedom=true/false pour forcer uniquement l’utilisation de formats vidéo open source.
• autoplay=true/false pour lire automatiquement la vidéo lors de son chargement.
• loop=true/false pour lire automatiquement la vidéo en boucle.
• controls=false pour masquer les commandes vidéo par défaut lors de l’affichage d’une vidéo.

Vous pouvez utiliser les attributs de votre choix en les ajoutant avant le symbole de fermeture : [wpvideo OcobLTqC attribute=value]. Par exemple :

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]