[RÉGLÉ] Intégrer vidéo youtube et rester "responsive"

[bizerte77]

Bonjour,

J'ai une page où je propose quelques vidéos. Dans mon article j'intègre 2 vidéos par ligne (400px de largeur) mais quand j'affiche le site sur un smartphone la vidéo n'est pas entière.

Comment faire pour que la vidéo youtube s'adapte en fonction si c'est un ordinateur, tablette ou smartphone?

Merci !

[Rajoz]

Re : Intégrer vidéo youtube et rester "responsive"

Bonjour bizerte77,

Le plugin AllVideos d'affichage de vidéos a plusieurs templates dont un est responsive.

Il y en a sûrement d'autres parmi les nombreuses extensions de la catégorie Multimedia Players du JED.

Amicalement,
Rajoz

[ced1870]

Re : Intégrer vidéo youtube et rester "responsive"

salut
tu peux donner des dimensions à l'iframe, genre width="100%" pour avoir un aspect resonsive
CEd

[bizerte77]

Re : Intégrer vidéo youtube et rester "responsive"

Bonjour,

Merci ! Je regarde tout ça.

Bonne journée

Edit : Je souhaiterai mettre 2 vidéos par ligne. 50% ne fonctionne pas...

[ced1870]

Re : Intégrer vidéo youtube et rester "responsive"

50% ne fonctionne pas...

ça ne suffit pas, il faut aussi les aligner. Soit avec un float:left ou display:inline-block, ou autre

[cavo789]

Re : Intégrer vidéo youtube et rester "responsive"

Bonjour

Marc Dechèvre a expliqué une astuce lors du JDay Nice; sa présentation est disponible ici : http://www.jugwallonie.be/downloads/...ing-Talks.pptx

Slides 5 et 6

(perso, je n'ai jamais testé)

[bizerte77]

Re : Intégrer vidéo youtube et rester "responsive"

Bonjour,

Merci j'ai réussi avec float: left

Merci à tous !

Bonne journée