Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Les tuto 2 Demolite
4 décembre 2010

Réduire l'affichage une playlist Deezer

Il est pour toi celui là Yoyo...j'ai récupéré le code de ta playlist sur ton blog pour réaliser ce tuto.

Yoyo se demandait ce matin au réveil..."Mais pourquoi mon player Deezer n'est pas aussi petit que celui de Demolite!?"

Ben tout simplement par ce que son player est une playlist...avec plusieurs titres, ce qui explique pourquoi son affichage est plus grand que celui d'un player avec un seul titre.

En tripatouillant comme à mon habitude les codes, je me suis aperçue que l'on pouvait réduire l'affichage des players en modifiant simplement les valeurs de width: 180px et height: 236px dans le script.

Sans_titre_2

Voila le script tel qu'il est lorsque vous le copiez sur le site Deezer (j'ai fait quelques retours à la ligne pour que le script soit plus aéré).

<div style="width: 180px; height: 236px;">
<object width="180" height="236">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=1&amp;autoShuffle=0&amp;id=3490844">
<embed src="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=1&amp;autoShuffle=0&amp;id=3490844" type="application/x-shockwave-flash" width="180" height="236">
</object>
<br><font size="1" color="#000000" face="Arial">Découvrez <a href="http://www.deezer.com/fr/jacques-brel.html">Jacques Brel</a>!</font>
</div>

Maintenant nous allons voir ce que l'on peut supprimer...et aussi modifier pour changer l'affichage.

<div style="width: 180px; height: 236px;">
<object width="180" height="236">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=1&amp;autoShuffle=0&amp;id=3490844">
<embed src="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=1&amp;autoShuffle=0&amp;id=3490844" type="application/x-shockwave-flash" width="180" height="236">
</object>
<br><font size="1" color="#000000" face="Arial">Découvrez <a href="http://www.deezer.com/fr/jacques-brel.html">Jacques Brel</a>!</font>
</div>

Commencez par supprimer les balises en bleu, ensuite pour enlever le lien sous le player (qui vous envoie sur Deezer pour en savoir plus sur "Jacques Brel") supprimez les codes en vert.

Maintenant pour réduire l'affichage du player vous devez modifier les valeurs de la balise object et aussi celle de embed.

Comme ceci :

<object width="176" height="85">
<param name="movie" value="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=0&amp;autoShuffle=0&amp;id=3490844">
<embed src="http://www.deezer.com/embedded/widget.swf?path=12008498&amp;lang=fr&amp;colorBack=0x525252&amp;colorVolume=0x00CCFF&amp;colorScrollbar=0x666666&amp;colorText=0xFFFFFF&amp;autoplay=0&amp;autoShuffle=0&amp;id=3490844" type="application/x-shockwave-flash" width="176" height="85">
</object>

Mettez "85" pour height et "176" pour width au deux endroits dans le code.

Pour réduire le player à un seul titre le principe est exactement le même, ça permet d'enlever la ligne grise sous le player avec écrit "Deezer.com et pop-up"...

Voilà, c'est de la bidouille...mais ça marche !

Publicité
Publicité
Commentaires
M
bonjour <br /> j'ai lu avec intention le tuto le probeme c'est que je n'y arrive et vu que je ne suis pas une pro de l'ordi c'est complex<br /> <br /> alors voila mon probleme lorsque j'insere ma musique deezer sur mon blog jai l'image et le compte tour de la musique si on peut appeler ca comme ca<br /> et ce que je voudrai c'est soit aucun lien vers deezer mais que la musique se mette toute seule ou si c'est pas possible juste mettre la petite barrette (zone blanche mais sans l'image)<br /> <br /> je te joint le code deezer de la musique que je veux mettre en espérant que tu trouve une solution a mon probleme je t'en prie<br /> <br /> merci d'avance<br /> ps bien sur je la veux automatique et sans affichage de la playlist<br /> <br /> <br /> D&eacute;couvrez la playlist lenny avec Lenny Kravitz
Publicité
Derniers commentaires
Newsletter
Publicité