Astuce – Faire fonctionner dailymotion avec prettyphoto

Je n’aime pas beaucoup prettyphoto, si vous avez lu l’article précédent, vous connaissez déjà où va ma préférence 😉 Cependant, quand on travaille avec des thèmes WordPress qu’on n’a pas soi même développés, bah des fois, on n’a pas le choix. Et si en plus les-dits thèmes ont été développés par des personnes non francophones(philes ?), vous devinerez aisément qu’ils supportent rarement (jamais) les services comme dailymotion. Alors le combo prettyphoto + dailymotion, c’est le calvaire assuré. Alors voici la solution :Pour faire fonctionner dailymotion avec prettyphoto, c’est tout bête en fait. Il suffit de récupérer ou construite le lien comme suit :

www.dailymotion.com/embed/video/id_video

en remplaçant « id_video » par le vrai id, puis de lui adjoindre quelques paramètres pour préciser le format à renvoyer :

?iframe=true&width=720&height=480

Ce qui nous donne :

www.dailymotion.com/embed/video/id_video?iframe=true&width=720&height=480

Voilà, on a le lien complet avec la taille à utiliser (là, c’est à vous de voir), il suffit à présent de créer la balise prettyphoto qui va bien en modifiant l’attribut rel (ou data-rel) avec « prettyphoto[iframes] »  :

<a data-rel="prettyPhoto[iframes]" class="thumb_icon video" title="Dailymotion" href="http://www.dailymotion.com/embed/video/xebd4g?iframe=true&width=720&height=480" style="top: 120%;">

J’ai un peu suer pour trouver mes petits donc si vous aussi, n’hésitez pas à partager l’astuce 🙂

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s