[W3C] W3C Validator et flash

Version imprimable

Bonjour, j'utilise flash dans mon site pour un menu déroulant. Cependant avec W3C Validator, j'ai des problèmes...

J'ai trouvé ce lien qui explique comment implementer flash correctement mais etant nul en anglais je ne comprends pas...
http://alistapart.com/articles/flashsatay

SInon voici la page en question :
http://validator.w3.org/check?uri=ht...Inline&group=0

et le code en question :

Code:

1
2
3
4
5
6
7
8
9
10
11
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width=180 height=400> 
        <param name=movie value="../testswf.swf"> 
        <param name=menu value=false> 
        <param name=quality value=high> 
        <param name=wmode value=transparent> 
        <param name=bgcolor value=CDD1FD> 
        <param name=scale value=noscale> 
        <embed src=../testswf.swf menu=false quality=high wmode=transparent
 scale=noscale bgcolor=CDD1FD width=180 height=400 type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </embed> 
      </object>

Merci à vous tous !

salut,

C'est normal, la balise embed n'est pas valide W3C. Donc pour intégrer ton animation flash il faut tricher en passant par du javascript!! ;)

voici la marche à suivre:

code javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<script type="text/javascript" >
// JavaScript Document
function lancerflash (url,largeur,hauteur,couleur) {
        var codeflash = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000#version=6,0,0,0"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
        + '<PARAM NAME="MOVIE" VALUE="' + url + '">'
        + '<PARAM NAME="PLAY" VALUE="true">'
        + '<PARAM NAME="LOOP" VALUE="false">'
        + '<PARAM name=bgcolor value = ' + couleur + '>'
        + '<PARAM NAME="QUALITY" VALUE="high">'
        + '<PARAM NAME="MENU" VALUE="false">'
        + '<EMBED SRC="' + url + '"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'PLAY="true"'
        + 'LOOP="false"'
        + 'QUALITY="high"'
        + ' bgcolor=' + couleur
        + 'MENU="false"'
        + 'TYPE="application/x-shockwave-flash"'
        'PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">'
        + '</EMBED>'
        + '</OBJECT>' ;
        document.write(codeflash); // ecrire l'animation flash
}
</script>

et à l'endroit de l'animation sur ta page:

Code:

<script type="text/javascript" > lancerflash( "monflash.swf" ,"405","350","#ffffff") ;</script>

Donc premier paramètre: ton animation.
deuxieme parametre: la largeur.
troisième parametre: la hauteur.
quatrieme: le fond.

Voilà ++ ;)

EDIT:
Mais cela dépend de la position de ton animation et parfois c'est préférable de faire une div et donc le code est ainsi:

code js:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<script type="text/javascript" >
// JavaScript Document
function lancerflash (url,largeur,hauteur,couleur) {
        var codeflash = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000#version=6,0,0,0"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
        + '<PARAM NAME="MOVIE" VALUE="' + url + '">'
        + '<PARAM NAME="PLAY" VALUE="true">'
        + '<PARAM NAME="LOOP" VALUE="false">'
        + '<PARAM name=bgcolor value = ' + couleur + '>'
        + '<PARAM NAME="QUALITY" VALUE="high">'
        + '<PARAM NAME="MENU" VALUE="false">'
        + '<EMBED SRC="' + url + '"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'PLAY="true"'
        + 'LOOP="false"'
        + 'QUALITY="high"'
        + ' bgcolor=' + couleur
        + 'MENU="false"'
        + 'TYPE="application/x-shockwave-flash"'
        + 'PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">'
        + '</EMBED>'
        + '</OBJECT>' ;
        //document.write(codeflash); // ecrire l'animation flash
        document.getElementById("ladiv").innerHTML = codeflash; // ecrire l'animation flash
}
</script>

et sur ta page:

Code:

1
2
3
4
<body onload=" lancerflash( 'flash.swf' ,'750','150','#CCCCCC');">
	<div id="ladiv">
	<!--accueillera la bannière-->
	</div>

Voila++2 ;)

Citation:

Envoyé par sharrascript

salut,

C'est normal, la balise embed n'est pas valide W3C. Donc pour intégrer ton animation flash il faut tricher en passant par du javascript!! ;)

voici la marche à suivre:

code javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<script type="text/javascript" >
// JavaScript Document
function lancerflash (url,largeur,hauteur,couleur) {
        var codeflash = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000#version=6,0,0,0"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
        + '<PARAM NAME="MOVIE" VALUE="' + url + '">'
        + '<PARAM NAME="PLAY" VALUE="true">'
        + '<PARAM NAME="LOOP" VALUE="false">'
        + '<PARAM name=bgcolor value = ' + couleur + '>'
        + '<PARAM NAME="QUALITY" VALUE="high">'
        + '<PARAM NAME="MENU" VALUE="false">'
        + '<EMBED SRC="' + url + '"'
        + 'WIDTH="' + largeur +' " HEIGHT="' + hauteur + '"'
        + 'PLAY="true"'
        + 'LOOP="false"'
        + 'QUALITY="high"'
        + ' bgcolor=' + couleur
        + 'MENU="false"'
        + 'TYPE="application/x-shockwave-flash"'
        'PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">'
        + '</EMBED>'
        + '</OBJECT>' ;
        document.write(codeflash); // ecrire l'animation flash
}
</script>

et à l'endroit de l'animation sur ta page:

Code:

<script type="text/javascript" > lancerflash( "monflash.swf" ,"405","350","#ffffff") ;</script>

Donc premier paramètre: ton animation.
deuxieme parametre: la largeur.
troisième parametre: la hauteur.
quatrieme: le fond.

Voilà ++ ;)

8O 8O 8O

La solution de la FAQ fonctionne, pas besoin de faire tout ça ...

:vomi:

http://xhtml.developpez.com/faq/?pag...#fichier_flash

24/08/2007, 08h52
sharrascript

en effet, si tu ne souhaite pas utiliser la balise embed, Bisûnûrs a 100% raison, c'est + simple et + clair!!!:lol:

Mais si tu souhaite absolument intégrer une balise embed, tu n'as pas d'autre choix que ma soluce ;)

++ :)
24/08/2007, 09h10
Bisûnûrs

Mais quel est l'intérêt de vouloir utiliser la balise embed qui n'est pas valide alors que le code de la FAQ est crossbrower ? De plus avec une solution Javascript tu ne peux pas afficher ta vidéo dans le cas où l'utilisateur le désactive ...
24/08/2007, 10h25
Aspic

Citation:

Envoyé par Bisûnûrs

Mais quel est l'intérêt de vouloir utiliser la balise embed qui n'est pas valide alors que le code de la FAQ est crossbrower ? De plus avec une solution Javascript tu ne peux pas afficher ta vidéo dans le cas où l'utilisateur le désactive ...

+ 1

C'est pour ca que j'ai décidé de ne plus utiliser le Java dans le site...

Je vais tester la solution dans la FAQ et je vous tien au courant ;)

Donc en fait j'ai testé le code de la Faq mais ma video ne s'affiche pas, c'est le texte alternatif qui s'affiche :

Code:

1
2
3
4
5
6
7
8
9
10
<object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" data="../testswf.swf" type="application/x-shockwave-flash" width="180" height="400"> 
        <param name="movie" value="../testswf.swf"> 
        <param name="menu" value="false"> 
        <param name="quality" value="high"> 
        <param name="wmode" value="transparent"> 
        <param name="bgcolor" value="CDD1FD"> 
        <param name="scale" value="noscale"> 
        <param name="SRC" value="../testswf.swf"> 
        Texte alternatif
      </object>

Peut etre ais je encore fait une betise :oops:

24/08/2007, 12h15
sharrascript

tu es sûr du chemin de ton anim??
Normalement la soluce de bisunurs fonctionne, testé et approuvé.

Citation:

Mais quel est l'intérêt de vouloir utiliser la balise embed qui n'est pas valide alors que le code de la FAQ est crossbrower ?

J'ai jamais dit qu'il y avait un intéret pour la passer, simplement donné une alternative pour la passer malgré le validator.

Citation:

De plus avec une solution Javascript tu ne peux pas afficher ta vidéo dans le cas où l'utilisateur le désactive ...

Après tout dépend des internautes visés. Moi je ne me préoccupe plus trop de cela, sachant que + de 90% des internautes l'active. De plus, il veut intégrer une animation flash et dans ce cas on peut dire aussi, oui mais si le gars ne veux pas installer le plugin flash etc...

Je répondais simplement à une demande de faire passer un code sans le toucher. Maintenant c'est vrai que la soluce de la FAQ est mieux...

++

EDIT:
J'en apprend moi même tous les jours, mais il est vrai que dans beaucoup de sites ou bouquins traitant de flash, ils conseils l'intégration du embed et c'était pour cette raison que j'ai du trouver des alternatives pour l'intégrer, mais s'il n'est plus nécessaire à l'avenir alors je m'adapte, ce post fut aussi utile pour moi. Mais mon code n'étais pas si pourri que cela et peut être réadaptable pour d'autres choses... enfin je pense...

Citation:

Envoyé par Aspic

Donc en fait j'ai testé le code de la Faq mais ma video ne s'affiche pas, c'est le texte alternatif qui s'affiche :

Code:

1
2
3
4
5
6
7
8
9
10
<object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" data="../testswf.swf" type="application/x-shockwave-flash" width="180" height="400"> 
        <param name="movie" value="../testswf.swf"> 
        <param name="menu" value="false"> 
        <param name="quality" value="high"> 
        <param name="wmode" value="transparent"> 
        <param name="bgcolor" value="CDD1FD"> 
        <param name="scale" value="noscale"> 
        <param name="SRC" value="../testswf.swf"> 
        Texte alternatif
      </object>

Peut etre ais je encore fait une betise :oops:

Ce n'est pas tout à fait le même code que celui de la FAQ. Enlève le classid dans la balise object et vire le param src.

24/08/2007, 17h13
Aspic

Exact ca marche nickel now :yaisse2:

En plus j'ai fais des tests avec le texte alternatif et tout roule :king:

Merci à vous deux ;)

Cependant la balise "embed" est-elle indispensable ? et à quoi sert-elle exactement ?
24/08/2007, 17h35
sharrascript

Apparemment cette balise n'a plus lieu d'être,

j'ai trouvé ca:

lien (en anglais)

ce qui donne le code de la FAQ

Repris d'un autre site:

L'auteur de ce code précise cependant que cela conduit à un petit bug avec Internet Explorer : avant d'être lue, l'animation sera chargée complètement, ce qui n'est pas grave pour les petites animations. Mais c'est embêtant pour les grosses animations qui sont lues en streaming, c'est-à-dire pendant le chargement.

Dans tous les cas, il est impératif de garder l'attribut data qui indique aux navigateurs alternatifs (et valides), comme Mozilla Firefox, le chemin vers l'animation.
Mais il faut aussi conserver le param : movie qui lui sera utilisé par Internet Explorer.

Voilà ++
24/08/2007, 18h36
Aspic

Merci pour cette précision !