Cibler les iframes de youtube et dailymotion en css

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://altitudetropicale.forums-actifs.com/

Description du problème

Bonjour à tous,
via css, est-il possible de cibler les iframes de youtube et dailymotion afin de leur appliquer un style en css (centrage de la vidéo et encadrement avec possibilité de passer par : before et :after) ?
Merci par avance pour vos réponses.

PS: en automatique cad sans passer par une div à apposer à chaque vidéo.

[demeter1]

up

[MasDan]

Bonjour Demeter1,

Ajouter à votre CSS

Code:

iframe[src*="youtube.com"], iframe[src*="dailymotion.com"] {
  border: 3px solid #00f;
}

et modifier la ligne 2 selon vos besoins.

[demeter1]

Bonjour MasDan,
merci pour ce code qui marche à la perfection   .

j'ai tenté d'utiliser les pseudo éléments before et after mais cela semble de l'ordre de l'impossible.

je me demande s'il ne faudrait  pas mettre en place un js qui place un div autour de l'iframe.

edit: j'y suis parvenu avec un js.