Dans cette vidéo , nous allons vous montrer comment rendre vos vidéos YouTube compatibles avec les smartphones et les tablettes sans cha...
Dans cette vidéo, nous allons vous montrer comment rendre vos vidéos YouTube compatibles avec les smartphones et les tablettes sans changer le thème de votre blog sur Blogger.
Il vous suffit de suivre notre tutoriel accompagné de ce fichier "Video responsive.txt" que nous mettons à votre disposition pour l'utiliser chaque fois que vous insérez une vidéo YouTube dans votre blog sur Blogger.
Vidéo: Comment rendre une vidéo YouTube responsive sur n'importe quel appareil
Ce fichier "Video responsive.txt" permet à la vidéo YouTube de s'adapter à tous les appareils, que ce soit les smartphones, les tablettes ou les ordinateurs.
En suivant les étapes de la vidéo, vous pouvez facilement résoudre ce problème et rendre toutes vos vidéos YouTube compatibles et responsive sur n'importe quel appareil.
Comment rendre une vidéo YouTube responsive sur n'importe quel appareil ?
Tout d'abord, accédez au site YouTube et recherchez la vidéo que vous souhaitez rendre responsive sur votre site web ou votre blog.
Une fois que vous avez choisi la vidéo sur YouTube, cliquez sur l'option "PARTAGER" que vous trouverez en dessous de la vidéo YouTube, puis sélectionnez l'option "Intégrer" et copiez
tout le code qui se trouve dans cette option.
Ensuite, ouvrez le fichier "Video responsive.txt" sur le bureau de votre ordinateur.
Vous trouverez le lien de téléchargement du fichier "Video responsive.txt" sous l'article.
Une fois le fichier téléchargé, ouvrez-le sur le bureau de votre ordinateur et supprimez
le code suivant :
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/O209XqBZVE0" width="560"></iframe>
Ensuite, collez le code HTML de la vidéo YouTube que vous avez trouvé dans l'option
"Intégrer la vidéo" à l'emplacement du code supprimé, qui ressemble à ceci :
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/O209XqBZVE0" width="560"></iframe>
Ensuite, copiez le nouveau code HTML qui se trouve dans le fichier "Video responsive.txt"
comme suit :
<div class="embedresize">
<div>
Votre code d'intégration de la vidéo YouTube
</div>
</div>
Accédez à Blogger, puis choisissez l'article dans lequel vous souhaitez insérer la vidéo.
Une fois cela fait, cliquez sur le bouton HTML présent dans l'article concerné, et collez-y
le nouveau code suivant :
<div class="embedresize">
<div>
Votre code d'intégration de la vidéo YouTube
</div>
</div>
Vous pouvez coller le code dans n'importe quel emplacement souhaité dans la console HTML de votre article. N'oubliez pas de cliquer sur le bouton "Mettre à jour" dans Blogger pour enregistrer votre article.
Pour l'étape finale, ajoutez simplement un code CSS en suivant ces étapes :
Cliquez sur le bouton "Thème" dans Blogger.
Ensuite, sélectionnez "Personnaliser", suivi de "Avancé".
Faites défiler vers le bas jusqu'à trouver "Ajouter un fichier CSS" et cliquez dessus.
Dans la fenêtre intitulée "Ajouter des CSS personnalisés", supprimez tout le code qui s'y trouve déjà.
Ensuite, ouvrez le fichier "Video responsive.txt" qui se trouve sur le bureau de votre ordinateur, copiez tout le code CSS contenu dans ce fichier et collez-le dans la fenêtre
"Ajouter des CSS personnalisés" de Blogger.
Enfin, cliquez sur le bouton "Appliquer au blog".
