Embed i-frame qui ne marche pas [Mixcloud]
-
Bonjour,
J’essaie d’insérer le lecteur mixcloud dans un Text widget de la sidebar ou dans un post, mais impossible.
J’ai pourtant suivi à la lettre les instructions données ici: http://support.mixcloud.com/customer/portal/articles/1064710-how-to-embed-a-cloudcast-on-wordpress-
En allant sur la page http://www.mixcloud.com/julicesgrant et en choisissant l’option « embed » puis i-frame embed, et en suivant les instructions du liens ci-dessus, j’arrive au code suivant:
<object width="600" height="360"><param name="movie" value="//www.mixcloud.com/media/swf/player/mixcloudLoader.swf?feed=http%3A%2F%2Fwww.mixcloud.com%2Fjulicesgrant%2F%3Flimit%3D10&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=4193da5d-86f0-405e-9c3b-3170d8350715&hide_tracklist=&hide_cover=&autoplay="></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="opaque"></param><param name="allowscriptaccess" value="always"></param><gigya src="http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf” flashvars=“feed=http%3A%2F%2Fwww.mixcloud.com%2Fjulicesgrant%2F%3Flimit%3D10&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=4193da5d-86f0-405e-9c3b-3170d8350715&hide_tracklist=&hide_cover=&autoplay=" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="600" height="360"></embed></object><div style="clear:both; height:3px; width:592px;"></div><p style="display:block; font-size:12px; font-family:Helvetica, Arial, sans-serif; margin:0; padding: 3px 4px; color:#02a0c7; width:592px;"><a href="http://www.mixcloud.com/julicesgrant/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7; font-weight:bold;">Latest Julices Grant's Cloudcasts</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7; font-weight:bold;"> Mixcloud</a></p><div style="clear:both; height:3px;"></div>Ce qui est bizarre, c’est que lorsque je clique « publier », l’éditeur wordpress modifie et reformate le code de cette façon:
<div style="clear:both;height:3px;width:592px;"></div><p style="display:block;font-size:12px;font-family:Helvetica, Arial, sans-serif;margin:0;padding:3px 4px;color:#02a0c7;width:592px;"><a href="http://www.mixcloud.com/julicesgrant/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=resource_link" target="_blank" style="color:#02a0c7;font-weight:bold;">Latest Julices Grant's Cloudcasts</a><span> on </span><a href="http://www.mixcloud.com/?utm_source=widget&utm_medium=web&utm_campaign=base_links&utm_term=homepage_link" target="_blank" style="color:#02a0c7;font-weight:bold;"> Mixcloud</a></p><div style="clear:both;height:3px;"></div>Le résultat n’est pas satisfaisant puisque tout ce que je vois sont des liens internet: http://julicesgrant.com/2013/11/18/mixcloud-player/
Savez-vous comment remédier à cette situation? En tant que DJ, il est primordial que je puisse afficher mon lecteur mixcloud.
Merci d’avance!
[Titre étoffé par airodyssey]
L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
J’ai pourtant suivi à la lettre les instructions données ici: http://support.mixcloud.com/customer/portal/articles/1064710-how-to-embed-a-cloudcast-on-wordpress-
Juste pour confirmer : les instructions disent bien ceci.
– Take this part of the code: <embed src= »URL?ETC ETC ETC ERC »></embed>
– Turn it to this: [gigya src="URL" flashvars="ETC ETC ETC ETC" ]
Si je me fie à votre tentative de conversion, cela devrait donner :
[gigya src="http://www.mixcloud.com/media/swf/player/mixcloudLoader.swf" flashvars="feed=http%3A%2F%2Fwww.mixcloud.com%2Fjulicesgrant%2F%3Flimit%3D10&mini=&stylecolor=&hide_artwork=&embed_type=widget_standard&embed_uuid=4193da5d-86f0-405e-9c3b-3170d8350715&hide_tracklist=&hide_cover=&autoplay=" type="application/x-shockwave-flash" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" width="600" height="360"]
Vous voyez que c’est [gigya…] et non <gigya>, et que j’ai supprimé ce qu’il y avait sous <objet>.Par ailleurs, il faut faire très attention d’insérer des guillemets droits » et non des guillemets courbés “.
-
Bonjour,
Un immense merci pour votre réponse, vos conseils et votre aide. Effectivement, je n’ai pas pensé que les crochets devaient être inclus.
Tout fonctionne désormais!
-
bonsoir,
Je bloque également sur le code du player wordpress…
Voici mon code, pouvez vous m’aider?Anti Léthargique selecta 2013<span> by </span>Antilethargique<span> on </span> Mixcloud</p><div style= »clear:both; height:3px; »></div>
et ce que je veux partager,
http://www.mixcloud.com/AntiLethargique/anti-l%C3%A9thargique-selecta-2013/merci beaucoup
-
@jauzef : Je vois deux erreurs flagrantes.
– Il faut supprimer tout le reste, et ne garder que le code [gigya ... height="360"]
– Vous avez omis des espaces (notamment avant flashvars) et mis un guillemet de trop (deux guillemets à la fin de height= »360″ »).
Faites un petit effort et scrutez votre code à la loupe, puis corrigez ces erreurs-là. D’accord?
- Le sujet ‘Embed i-frame qui ne marche pas [Mixcloud]’ est fermé aux nouvelles réponses.
Forums WordPress.com en français 