EspañolDeutschFrançaisItalianoPortuguêsРусскийΕλληνικά日本語中文(简体)हिन्दी; हिंदीالعربية
Defini comme langue par défaut
Questions de PF - Forum

Comment rendre sensible ou réglable, pleine largeur, une vidéo intégrée de Youtube

Programmation CSS  
 
Comment rendre sensible ou réglable, pleine largeur, une vidéo intégrée de Youtube

Si jamais inséré un vidéo de YouTube dans certains de vos sites Web Vous avez peut-être remarqué que la vidéo est un largeur fixe et ce n’est pas réactif Lorsque vous modifiez la taille le navigateur ou lorsque vous voyez vos pages Web à partir d’autres dispositifs de avec différentes tailles d’écran (Mobile, comprimés,…).

Dans un article précédent nous avons vu comme vous pouvez insérer une vidéo Youtube directement dans votre page web, et si vous utilisez WordPress, sans n’importe quel type de plugin.

Pour cela le Largeur d'un vidéo inséré, à partir du code HTML que Youtube nous da, est réactif, la première chose que nous ferons est mises ce code à l’intérieur d’un DIV.

Vous pouvez utiliser le code montré ici, et remplacer le Itinéraire le long de la route que vous donnez YouTube la vidéo que vous souhaitez Insérer. Veuillez noter que vous devez attribuer la classe vidéo à l’élément IFRAME.

Puis, dans votre fichier CSS correspondant, ou directement sur un élément STYLE sur la même page, Nous allons affecter des attributs de style pour la classe conteneur et vidéo.

Une fois ce code a été saisi, If Actualisation encore une fois la page où vous avez inséré la vidéo, vérifier Maintenant, c’est s’ajuste à la Largeur de la DIV Il contient. Oui est DIV se trouve directement au-dessus de la CORPS, vous verrez qu'il remise à zéro à la largeur de l’écran.

 

Rejoindre le canal de Télégramme

Laissez-nous un commentaire ou d’entrer à laForum
Share on Facebook Tweet about this on Twitter Share on Google+ Pin on Pinterest Share on Reddit Share on VK Share on StumbleUpon Share on Tumblr Share on LinkedIn Email this to someone Print this page

Articles connexes

Laisser une réponse