Archive Pages Design$type=blogging

Comment rendre une vidéo YouTube responsive sur n'importe quel appareil

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".

COMMENTS

Nom

Android EXPLICATIONS ET TUTORIELS Facebook Formation SIG Gagner Argent Internet et sécurité iOS Matériel et Maintenance Personnalisation de blogger Services internet
false
ltr
item
LEARNING WITH MRCOMPUTER: Comment rendre une vidéo YouTube responsive sur n'importe quel appareil
Comment rendre une vidéo YouTube responsive sur n'importe quel appareil
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnaZ-pvk_Ke8pVaEw3rFaKZpXjCHpHATG3D3PinXWXP7UzhAqOXVaqultjWE2w1MlfpVyFYiLWt6CWabcvj4_ARyTZoqdcOyifTM4tEVowutzCyf9JrmzpQkvYiKduQjqLz8aW-Se45c4awG9hh13-HNrXPgP35i80I51zGo5_LigB9QCZnAUcjYwLjdrf/s320/responsiveyou.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnaZ-pvk_Ke8pVaEw3rFaKZpXjCHpHATG3D3PinXWXP7UzhAqOXVaqultjWE2w1MlfpVyFYiLWt6CWabcvj4_ARyTZoqdcOyifTM4tEVowutzCyf9JrmzpQkvYiKduQjqLz8aW-Se45c4awG9hh13-HNrXPgP35i80I51zGo5_LigB9QCZnAUcjYwLjdrf/s72-c/responsiveyou.png
LEARNING WITH MRCOMPUTER
https://www.learningwithmrcomputer.com/2019/05/comment-rendre-une-video-youtube.html
https://www.learningwithmrcomputer.com/
https://www.learningwithmrcomputer.com/
https://www.learningwithmrcomputer.com/2019/05/comment-rendre-une-video-youtube.html
true
4366591065677643710
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago