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.
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&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=1&autoShuffle=0&id=3490844">
<embed src="http://www.deezer.com/embedded/widget.swf?path=12008498&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=1&autoShuffle=0&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&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=1&autoShuffle=0&id=3490844">
<embed src="http://www.deezer.com/embedded/widget.swf?path=12008498&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=1&autoShuffle=0&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&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&id=3490844">
<embed
src="http://www.deezer.com/embedded/widget.swf?path=12008498&lang=fr&colorBack=0x525252&colorVolume=0x00CCFF&colorScrollbar=0x666666&colorText=0xFFFFFF&autoplay=0&autoShuffle=0&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 !