5568 sujets

Sémantique web et HTML

[RESOLU] Vidéos dailymotion et validité XHTML sous Wordpress

bonjour

je viens de finaliser un blog sous wordpress

http://photoscott54.perso.neuf.fr/blog/wordpress/

le code est valide xhtml 1.0 transitionnal (voir même strict)

sauf ... quand j'insère une vidéo dailymotion via le code que ce site fourni pour insérer la vidéo sur un site

quelqu'un saurait il comment "rendre ce code compatible xhtml"

pour info voici un exemple de code généré par le site :



<div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="389" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="src" value="http://www.dailymotion.com/swf/x80385&amp;related=0" />
<param name="allowfullscreen" value="true" />
<embed type="application/x-shockwave-flash" width="480" height="389" src="http://www.dailymotion.com/swf/x80385&amp;related=0" allowscriptaccess="always" allowfullscreen="true">
</embed>
</object>


<strong><a href="http://www.dailymotion.com/video/x80385_europa-corp-la-recette-besson-parod_fun">Europa Corp - la recette besson [ parodie ]</a></strong>
<em>envoyé par <a href="http://www.dailymotion.com/mozinor">mozinor</a>. - <a href="http://www.dailymotion.com/fr/channel/fun">Regardez plus de vidéos comiques.</a></em>

</div>

Modifié par scott54 (09 Dec 2009 - 20:34)
merci pour cette réponse rapide

je viens finalement de valider l'ensemble du blog en xhtml 1.0 strict / css2

encore merci

...

j'ai crié victoire trop vite : supprimer la balise <embed> a pour conséquence de supprimer la fenêtre vidéo sous firefox (3.5)


... la nuit porte conseil Smiley lol
Modifié par scott54 (03 Dec 2009 - 01:42)
Re',

il n'y a aucune raison que ça ne fonctionne pas avec FF3.5. Tu as bien mis ça :
<object type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/x80385&amp;related=0" width="480" height="389">
	<param name="movie" value="http://www.dailymotion.com/swf/x80385&amp;related=0" />
	<param name="wmode" value="transparent" />
	<param name="allowFullScreen" value="true" />
	<param name="allowScriptAccess" value="always" />
	<p>Image ou texte alternatif</p>
</object>
ça devient de la science fiction :
j'entre le code suivant :

<div>
<object type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/x80385&amp;related=0" width="480" height="389"> 
    <param name="movie" value="http://www.dailymotion.com/swf/x80385&amp;related=0" /> 
    <param name="wmode" value="transparent" /> 
    <param name="allowFullScreen" value="true" /> 
    <param name="allowScriptAccess" value="always" /> 
    <p>Image ou texte alternatif</p> 
</object>

<br />
<br />
<b>
<a href="http://www.dailymotion.com/video/x80385_europa-corp-la-recette-besson-parod_fun">Europa Corp &#8211; la recette besson [ parodie ]</a>
</b><br />
<br />
<i>
envoy&eacute; par <a href="http://www.dailymotion.com/mozinor">mozinor</a>. &#8211; <a href="http://www.dailymotion.com/fr/channel/fun">Regardez plus de vidéos comiques.</a>
</i>
</div>


je lance ma page dans Ie ou FF et je la passe au validateur >> invalide

je demande a voir le code source et voila ce que ça me sort :



<div>
<object type="application/x-shockwave-flash" data="http://www.dailymotion.com/swf/x80385&amp;related=0" width="480" height="389"><param name="movie" value="http://www.dailymotion.com/swf/x80385&amp;related=0" /><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><p>Image ou texte alternatif</p>
<p></object></p>
<p><b><br />
<a href="http://www.dailymotion.com/video/x80385_europa-corp-la-recette-besson-parod_fun">Europa Corp &#8211; la recette besson [ parodie ]</a><br />
</b></p>
<p><i><br />
envoy&eacute; par <a href="http://www.dailymotion.com/mozinor">mozinor</a>. &#8211; <a href="http://www.dailymotion.com/fr/channel/fun">Regardez plus de vidéos comiques.</a><br />
</i>
</div>



wordpress m'invente du code Smiley eek (le </object> qui se retrouve mysterieusement entouré de la balise <p> </p> et une autre ouverture de <p> plus bas
de la science fiction ...
problème résolu : le code entré est bon
ce qui ne l'était pas c'est que, même dans l'éditeur html de ses articles, wordpress n'aime pas que l'on utilise les balises <p> et <br />
en supprimant simplement ces balises le code généré par la suite redeviens correct

merci
Sujet clos
Aller à