Entourer tous les iframe d’une balise

Comment entourer tous ses iframes google par des balises

Voici un petit mémo de rappel pour entourer toutes ses iframes google,  donc des vidéos youtube ou google map, par des balises. Cela peut être utile pour définir une règle pour toutes les iframes google d’un site et laisser intactes les autres provenant d’autres sources;

Ici j’entoure tous mes iframes Youtube d’une classe pour pouvoir les styliser. Selon la doc bootstrap, ces classes permettent aux navigateurs de déterminer les dimensions des vidéos ou des diaporamas en fonction de la largeur du bloc qui les contient en créant un rapport intrinsèque qui s’adapte correctement à tout périphérique. Vos vidéos seront donc responsive.

jQuery(document).ready(function(){ 
  jQuery('iframe[src*="youtube.com"]').wrap('<div class="embed-responsive embed-responsive-16by9"/>');
});

Ici, j’entoure toutes mes balises google map d’une balise paragraphe afin de les centrer dans mon conteneur.

jQuery(document).ready(function(){ 
  jQuery('iframe[src*="google.com/maps/"],iframe[src*="google.fr/maps/"] ').wrap('<p class="align-center"/>');
  
});

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.