Procédure rapide pour rendre vos vidéos "responsive"

Dernière mise à jour de l'article : 2024-10-01 17:18:00 -0400

Voici la procédure pour ajouter le code HTML afin que vos vidéos soient dynamiques (responsive) sur les appareils mobiles. Une vidéo responsive s'adapte automatiquement à la taille de l'écran, garantissant ainsi une meilleure expérience de visionnage sur tous les appareils.

1. Lorsque vous copiez le code HTML d'une vidéo YouTube pour l'ajouter dans votre site, suivez ces étapes :


 


2. Accédez à l'éditeur de votre page de votre site et cliquez sur le bouton " HTML" .

 

3. Une fenêtre s'ouvrira pour vous permettre d'insérer votre code dans l'éditeur HTML.

   


4. Dans le code, après le 350"espace et avant le src, vous allez copier le code suivant:

style="width: 100%; display: block; margin-left: auto; margin-right: auto;" 

 

Ça va vous donner ceci: 


5. Veuillez sauvegarder vos changements.



6. Pour ajuster la largeur de la fenêtre de votre vidéo en utilisant un pourcentage, modifiez l'emplacement suivant selon la largeur souhaitée pour votre page :

 

Cet article a-t-il été utile ?

C'est super !

Merci pour votre commentaire

Désolé ! Nous n'avons pas pu vous être utile

Merci pour votre commentaire

Dites-nous comment nous pouvons améliorer cet article !

Sélectionner au moins l'une des raisons
La vérification CAPTCHA est requise.

Commentaires envoyés

Nous apprécions vos efforts et nous allons corriger l'article

Viglob

Simplifiez la gestion de votre organisation.