Un loup blessé

Le blog, sous DotClear, d'un Geek Gay DVDvore. Naïf paranoïaque, utopiste désabusé.

Contenu | Menu | Sidebarre | Extra | Recherche | Bas de page

Comment passer la validation XHTML avec les "miniplayer" de RadioBlog

Puisque je viens de faire passer un billet de fi-uuu à la validation, autant que tout le monde en profite :

Pour les miniplayer, radioblog vous donne un code de ce genre là :


<embed type="application/x-shockwave-flash"  src="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" allowScriptAccess="always" width="180px" height="23px"  bgcolor="#333399"  id="radioblog_player_0"  FlashVars="id=0&status=maximize&filepath=http://lsartor.free.fr/LibertyLorie/radio.blog.2.5/radio.blog.2.5/radio.blog/sounds/Benoit - Tourne toi.rbs&colors=body:#141D3F;border:#C8DFE8;button:#C8DFE8;player_text:#C8DFE8;playlist_text:#999999;"></embed>

Je l'ai transformé comme ceci pour passer la validation en wiki sous DotClear (et le centrer dans la page) :


///html
<div style="text-align: center;">
<object  type="application/x-shockwave-flash"  data="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" width="180px" height="23px">
<param name="movie" value="http://stat.radioblogclub.com/radio.blog/skins/mini/player.swf" />
<param name="FlashVars" value="status=maximize&amp;filepath=http://lsartor.free.fr/LibertyLorie/radio.blog.2.5/radio.blog.2.5/radio.blog/sounds/Benoit - Tourne toi.rbs&amp;colors=body:#141D3F;border:#C8DFE8;button:#C8DFE8;player_text:#C8DFE8;playlist_text:#999999;" />
<param name="wmode" value="transparent"/>
<p>Benoit tourne toi en "flash" (mettre ici le texte de remplacement qui doit apparaitre si le plugin flash n'est pas présent ou désactivé)</p>
</object></div>
///

Si vous travaillez directement en XHTML (et pas en Wiki) supprimer le ///html du début et le /// de la fin de ce code.

Et vous allez obtenir ceci :

Benoit tourne toi en "flash"

Enjoy :hysterique:

Edit : Oups... j'ai complètement oublié d'expliquer comment j'avais fait, pour ceux qui veulent comprendre !

J'ai commencé par regarder les différents codes valides XHTML que je connaissais. Les player de MP3 et de vidéos, cela ne fonctionnait pas, les paramètres n'étaient pas transmis. J'ai essayé avec celui des animations flash, le début était prometteur, j'ai persisté.

Dans un premier temps, on vire le <embed> que l'on remplace par un <object>.
Le "src" n'existe pas dans un <object>, on le remplace par un "data".
Le "bgcolor" est supprimé (n'existe pas non plus dans un object, puis de toute façon, le player obtient sa couleur par le "body").
Tout ce qui est dans le FlashVars ne peut pas etre dans l'"object", c'est évident.

En résumé pour la première partie : On remplace "embed" par "object", on vire le "bgcolor" et on remplace "src" par "data" !

Maintenant, on va s'occuper du FlashVars : La syntaxe est <param name="nom" value="valeurs" /> donc c'est tout simple, le nom c'est FlashVars et les valeurs, c'est tout ce qu'il y a derrière.

Si on laisse en état, le valideur ne va toujours pas aimer et indiquer plein d'erreurs. Ce sont de fausses erreurs obtenues par cascade ! En fait, c'est le caractère "&" qui ne passe pas la validation, il faut le remplacer par "&amp;" !

Ouuuuuuuuuuups, j'ai oublié le code pour Internet Explorer, Ah oui, ce con n'est pas capable de faire comme tout le monde, il faut lui rajouter une ligne supplémentaire ! C'est le <param name=movie... il faut lui dire par ce moyen où trouver le player.

N'oubliez pas de remplacer le </embed> par un </object>, mais c'est évident, non ?

Voilà, c'est maintenant valide XHTML.

Personnellement, j'ai rajouté autre chose :

- La balise "div style..." permettant de centrer le player
- Le texte alternatif si le player ne s'affiche pas
- Le wmode à transparent pour que le flash disparaisse en cas d'utilisation d'une image avec effet Lightbox à proximité.

Rajout, le 25/09 : J'ai également virer les "id" qui ne servent pas à grand chose sauf à empêcher la validation lorsqu'il y a plusieurs players sur la même page.

Tag(s) :   - 

Share/Bookmark

Week-end Rennais avec Phoenix et SoGB Blogging accompagné - Je conseille bénévolement les blogueurs néophytes

Trackbacks

Aucun trackback.

Pour faire un trackback sur ce billet, changez tb.php par tada.php dans ceci :
http://1loup.net/tb.php?id=788

Commentaires

1. Le mardi 19 septembre 2006 à 20:09, par fiuuu

Gravatar

MyBlogLog

c'est gentil de corriger mes erreurs :)

2. Le mardi 19 septembre 2006 à 20:24, par 1loup

Gravatar

MyBlogLog

Bah, c'est pas "tes" erreurs ! Encore une fois, RadioBlog (tout comme DailyMotion et YouTube, entre autres) n'est pas foutu capable de donner à ses utilisateurs un code XHTML valide alors que cela ne demande pas plus de temps de faire bien (et que c'est probablement un robot qui encode, en plus).

3. Le mercredi 27 septembre 2006 à 16:47, par marion

Gravatar

MyBlogLog

coucou.
Ton article est super bien c'est la première fois que je trouve une explication pour cela. J'ai essayé de suivre tes instructions mais je n'y arrive toujours pas! :( alors je voulais savoir si ça marchait avec tous les types de blog :question:
Merci d'avance :-)

4. Le mercredi 27 septembre 2006 à 21:29, par 1loup

Gravatar

MyBlogLog

>Marion : A première vue, il ne semble pas possible de rajouter le code directement dans un article chez SkyBlog !

5. Le jeudi 28 septembre 2006 à 12:30, par fiuuu

Gravatar

MyBlogLog

oh h ! comment ti dits ça ... dit que skyblog est mauvais ;) ;) m'enfin il est vrai qu'il y a des cas parmi les skybloggueurs ... tient faudrait fair un post la dessus ...

6. Le jeudi 28 septembre 2006 à 14:09, par 1loup

Gravatar

MyBlogLog

Je suis donc obligé de répondre que pour faire ma réponse à Marion, j'ai ouvert un SkyBlog et que j'ai cherché comment rentrer du code dans un billet sans trouver. Il est possible d'insérer une image, une vidéo hébergée par YouTube ou MyVideo ou directement à partir d'une webcam mais je n'ai rien trouvé pour mettre du code HTML. J'ai aussi fait une petite recherche sur des SkyBlogs et je n'ai trouvé personne n'ayant réussi à le faire. Cela ne veut pas dire que cela est impossible mais en tout cas pas très facilement et s'il y a une bidouille, je ne vois pas laquelle. C'est mieux ?

7. Le jeudi 28 septembre 2006 à 21:17, par fiuuu

Gravatar

MyBlogLog

waouuuuuuuu : le scoop, Le loup passe de dotclear à skyblog :)

8. Le lundi 5 novembre 2007 à 19:41, par Mohend

Gravatar

Salut

ton code est bien valide, mais ne passe pas sous fire fox :alien:

9. Le lundi 5 novembre 2007 à 22:43, par 1loup

Gravatar

MyBlogLog

>Mohend : Si si, tout fonctionne très bien, y compris sous Firefox.

10. Le jeudi 13 mars 2008 à 18:46, par caro

Gravatar

Bonjour
De tout coeur merci
Bonne soirée

Ajouter un commentaire

Calculette

Le code HTML dans le commentaire sera affiché comme du texte, les adresses internet seront converties automatiquement.

Informations supplémentaires :

Ici, c'est chez moi, compris ?
Je ne fais pas de prémodération, le captcha devrait éliminer les spammeurs.
Mais je dis non au langage SMS.
Essayez d'être compréhensible. Je préfère des fautes de frappes, de grammaires, d'orthographes à "KiC Kifè KK".
Pour le reste, ensuite, je fais ce que je veux avec VOS commentaires. Je peux très bien les modifier (je mettrais "Edit") ou les censurer si je l'estime nécessaire.

(Adresse IP enregistrée même derrière un proxy !)

Pour me faire coucou

QUoi ?

Bah, un blog... c'est un avis personnel qui n'engage QUE moi (et encore!), purement subjectif etc...

Mon sapin de Noël

Logo Blogging accompagné
Recommandé par des Influenceurs.

Full RSS Blog
Recommandé par des Influenceurs.

Logo Free Hugs - Câlins gratuits

Logo Blog sans Pub

Logo Mon blog se nourrit de vos commentaires

Abonnez-vous gratuitement à mon fil RSS

Quelques infos sur mon Twitter

Derniers blablas

Images aléatoires

Le choupinou Jake Gyllenhall
14.jpg
Photos Persos
DSCN0334.JPG
Des choupinous sexy
I55-10.jpg
Fractales
1021_stepup.jpg

Syndication / Autres

Blog précédent http://nextblog.bleebot.com Blog suivant Nextblog
Début | Contenu | Menu | Sidebarre | Extra | Recherche
Trombinoscopes