innerHTML pour les object dans IE

Version imprimable

Bonjour à tous,

J'ai un petit soucis, je vous plante le décor.
J'ai une page qui affiche différent bouton. Lorsque l'on clique dessus, cela lance une fonction javascript qui me remplie un div :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function addLecteurVideo(varVideoSrc) { var varLecteur = '<br><object id="myLecteur" type="application/x-shockwave-flash" data="http://flv-player.net/medias/player_flv_maxi.swf" width="640" height="480">'; varLecteur += '<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />'; varLecteur += '<param name="allowFullScreen" value="true" />'; varLecteur += '<param name="FlashVars" value="flv='; varLecteur += '<?php echo $racine . "/Galerie/Videos/"; ?>'+varVideoSrc; varLecteur += '&title=Crevette&width=640&height=480&autoplay=1&autoload=1&showstop=1&showvolume=1&showtime=1&showplayer=always&showfullscreen=1&buffer=10&buffermessage=Chargement _n_&ondoubleclick=fullscreen&showiconplay=1&iconplaybgalpha=50&showmouse=autohide&showtitleandstartimage=1" />'; varLecteur += '</object>'; document.getElementById("cadreCenterImage").innerHTML = varLecteur; }
Pour ce lecteur, le fichier flv se passe en argument dans les paramètres. Du coup, pour chaque bouton, j'appelle cette méthode avec l'argument approprié pour afficher la vidéo voulu.
Sous FireFox, aucun problème, par contre, sous IE8 j'ai un gros soucis : la vidéo ne s'affiche pas :?

J'ai comme l'impression que IE n'interprète pas le code <object> que je lui donne. Je vois le lecteur, mais vide, comme si il n'avait pas charger la vidéo.
J'ai esseyé avec différent lecteur, de différente façon, toujours pareil.
Si quelqu'un a une idée pour régler mon problème...

Par avance merci.

EDIT: "cadreCenterImage" est un div (je sais qu'il existe un bug avec innerHTML et IE quand le innerHTML n'est pas sur un div).

07/09/2009, 16h53
SpaceFrog

innerHTML sux !
en plus pour des balises object !
passe par la création Dynamique au moyen du DOM
07/09/2009, 17h06
LaGuite

Citation:

Envoyé par SpaceFrog

innerHTML sux !
en plus pour des balises object !
passe par la création Dynamique au moyen du DOM

Merci pour ton intervention.

J'ai oublié de précisé que j'étais novice en javascript. Je n'ai jamais entendu parler du DOM !!!
Est ce que ça reste du javascript ?
En faisant une recherche vite fais, je trouve pas grand chose à ce sujet.

Pourrais tu me donner une piste du comment il faudrait faire, je chercherais à implémenter tout ça sans problème.

Par avance merci.
07/09/2009, 17h17
SpaceFrog

fais une recherche avec

Code:

document.createElement('object')

sinon :
http://www.developpez.net/forums/d53...ynamique-form/

Je connaissais absolument pas, en tout cas je note pour mes futurs dev : innerHTML c'est le mal.

Cependant :lol:
ça marche pas... le pire, c'est que ça marche plus sur FF aussi.
Mon lecteur apparait bien, les paramètres sont correctes, le fichier flv en paramètre est correcte, pourtant.... voici le code :

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
 
	var mondiv = document.createElement("div");
	var monLecteur = document.createElement("object");
	monLecteur.setAttribute("id","myLecteur");
	monLecteur.setAttribute("type","application/x-shockwave-flash");
	monLecteur.setAttribute("data","http://flv-player.net/medias/player_flv_maxi.swf");
	monLecteur.setAttribute("width","640");
	monLecteur.setAttribute("height","480");
 
	var monLecteurParam1 = document.createElement("param");
	monLecteurParam1.setAttribute("name","movie");
	monLecteurParam1.setAttribute("value","http://flv-player.net/medias/player_flv_maxi.swf");
 
	var monLecteurParam2 = document.createElement("param");
	monLecteurParam2.setAttribute("name","allowFullScreen");
	monLecteurParam2.setAttribute("value","true");
 
	var monLecteurParam3 = document.createElement("param");
	monLecteurParam3.setAttribute("name","FlashVars");
	monLecteurParam3.setAttribute("value",'flv="<?php echo $racine . "/Galerie/Videos/"; ?>'+varVideoSrc+'&amp;title=Crevette&amp;width=640&amp;height=480&amp;autoplay=1&amp;autoload=1&amp;showstop=1&amp;showvolume=1&amp;showtime=1&amp;showplayer=always&amp;showfullscreen=1&amp;buffer=10&amp;buffermessage=Chargement _n_&amp;ondoubleclick=fullscreen&amp;showiconplay=1&amp;iconplaybgalpha=50&amp;showmouse=autohide&amp;showtitleandstartimage=1"');
 
 
	monLecteur.appendChild(monLecteurParam1);
	monLecteur.appendChild(monLecteurParam2);
	monLecteur.appendChild(monLecteurParam3);
	mondiv.appendChild(monLecteur);
 
	document.getElementById("cadreCenterImage").appendChild(mondiv);

PS: ce code fonctionne pourtant puisque si j'appelle cette méthode plusieurs fois, je me retrouve avec plusieurs lecteur:mrgreen:

07/09/2009, 17h32
SpaceFrog

"ça marche pas" est un symptome un peu vague ...

je ne pense pas que tu ailles voir ton généraliste en lui disant juste "je suis malade"

...
07/09/2009, 17h38
LaGuite

Citation:

Envoyé par SpaceFrog

"ça marche pas" est un symptome un peu vague ...

je ne pense pas que tu ailles voir ton généraliste en lui disant juste "je suis malade"

...

Wai je suis d'accord avec toi... méhacoulpa, je craque.

Lorsque j'utilise ce code, je remarque que mes noeuds sont bien ajouté dans mon html (les noeuds sont correctes).
Pourtant à l'affichage :
-sous IE : je n'ai rien (pas de lecteur apparant)
-sous FF: j'ai le lecteur, mais les paramètres ne sont pas pris en compte (manque des boutons, manque la vidéo)

J'ai du mal à fournir plus d'information puisqu'il ne se passe rien d'autre. J'ai juste l'impression que l'object n'est pas chargé.
Il l'ajoute dans le html, mais l'interprète pas.
07/09/2009, 18h03
LaGuite

En utilisant le DOM

J'ai simplifié tout ce système de paramètre, je me retrouve avec le minimum : le lien vers le flv

Sous FF ça fonctionne : exactement pareil qu'avec innerHTML
Sous IE mon n'object n'est pas charger : carré blanc (fond de mon div) lorsque je fais clique droit dessus j'ai le menu adobe avec : animation non chargée... (en gris non séléctionnable).

En gros, DOM ou innerHTML, le résultat est le même, IE n'arrive pas a charger mon object.

Je suis peut être partit dans une mauvaise direction, il existe peut etre une façon plus simple de faire ce que je souhaite.
Dans tout les cas, je comprends pas pourquoi IE n'arrive pas à lire ma vidéo.
07/09/2009, 18h13
LaGuite

Mazette, j'ai trouvé....

Enfin je pense avoir une explication.

C'est liée au faite que le swf (le lecteur) ne se trouve pas sur mon serveur.
En effet, dans ce code, il utilise un swf localisé sur un autre site.

Code:

<param name="movie" value="http://flv-player.net/medias/player_flv_maxi.swf" />

J'ai diminué au maximum le code pour comprendre, j'ai donc utiliser un autre player que j'ai uploader en local et dont l'utilisation se fait :

Code:

<param name="movie" value="player.swf" />

Et la miracle, sous IE comme sous FF, ça fonctionne.

Va savoir pourquoi à chaud (en utilisant DOM ou innerHTML) il n'arrive pas a recharger un lecteur qui se trouve sur un autre site...

En tout cas, ça n'a pas été simple, et encore merci à SpaceFrog de m'avoir fait découvrir le DOM.