REDUIRE L'AFFICHAGE D'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!?"

Bin 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&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 rouge, ensuite pour enlever le lien sous le player (qui vous envoie sur Deezer pour en savoir plus sur "Jacques Brel") supprimez les codes en blanc.

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="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>

Mettez "85" pour height et "176" pour width sur les deux lignes.

Voici votre script final :

<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>

Voilà ce que l'on obtient :

Pour passer d'un morceau à l'autre il suffit de cliquez sur les flèches...

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 !

Comments

[ambdour]

je sais pas pourquoi ma playlist deezer (awal amazighe):url:www.deezer.com/#music/playlist/3 est vide . le cadr s'afiche dans le blog mais il est vide je sais pas ce que je doit fair ?

[Constance]

merci pour les explications mais il me semble que le petit player n'existe plus sur Deezer?

[mamiblog]

Bonjour,

j'ai eu beau chercher une reponse a ma questioin dans votre blog mais je ne l'ai pas trouvée. Pourriez-vous m'aider? j'ai créé une playlist d'après un enregistrement personnel dans deezer et je souhaiterais personnaliser le lecteur en inserant une photo (pochette de disque) dans le petit cadre à gauche du lecteur. Comment faire?

[Dphoto]

Salut Démolite! Super tout ça. Dis moi mais ou mettre ce code de playlist Deezer pour une lecture en continu en naviguant sur le blog??

Merci encore pour l'ensemble de ton oeuvre.

Bises

Daniel

[Demolite]

[Sur col='#CC0000':]:Salut Daouda[/Sur] [Salut]
Sur ton blog, tu utilises un player sous forme de [G]Playlist[/G], il est plus grand qu'un player normal...

Si tu n'as qu'un seul titre utilise [Sur col='#910000':]:le petit player[/Sur] que tu peux trouver sur Deezer en premier pas dans la colonne de droite...[Cool]