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
Partagez-le Share on FacebookTweet about this on TwitterShare on Google+Pin on PinterestShare on RedditShare on VKShare on StumbleUponShare on TumblrShare on LinkedInEmail this to someonePrint this page

Articles connexes

Laisser une réponse