chargement de video sur IE7.

**chalet_a_biot** · 06/07/2009, 14h21

Bonjour,

J'ai une liste de video que je souhaite jouer sur le site. En cliquant sur l'un des images de video, cela dans charger directement la video choisir.

Sur Firefox (version 3.5) cela fonctionne bien, mais pas sur EI7.

Voici mon code
- Entre les <HEAD> </HEAD>, j'ai cette fonction Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function playVideo(mediafile, Namefile, width_video, height_video)
{
    var divContentVideo = "";
 
    divContentVideo += "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' style='width:" + width_video + "px; height:" + height_video + "px;' title='jcf flash Player'";
    //<!-- ci dessous changez l'adresse de votre fichier ASX sur internet, idem dans l'ASX vers le WMV //-->
    divContentVideo += "<param name='movie' value='player.swf?file=" + mediafile + " '>";
    divContentVideo += "<param name='quality' value='high'>";
    divContentVideo += "<param name='wmode' value='transparent'>";
    divContentVideo += "<param name='bgcolor' value='#FFFFFF'>";
    divContentVideo += "<embed src='player.swf?file=" + mediafile + "&amp;showdigits=true&amp;autostart=true' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' wmode='transparent' bgcolor='#FFFFFF' style='width:" + width_video + "px; height:" + height_video + "px;'></EMBED>";
    divContentVideo += "</OBJECT>";
    divContentVideo += "<H3>" + Namefile + "</H3>";
    document.getElementById("lecteurVideo").innerHTML = divContentVideo;
}

- Dans ma page, j'ai la zone d'affichage de la video:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="lecteurVideo" style="visibility:visible"></div>

- Dans la même page j'ai les liens qui permettent de selectionner la vidéo.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<A HREF="javascript:playVideo(\''.$Videodir.$mediafile.'\', \''.$Video_namefile.'\', \''.$width_video.'\', \''.$height_video.'\');" alt="Jouer la video '.$mediafile.'" title="Jouer le video '.$mediafile.'">
<img src="'.$diapo_directory.'/'.$NomImage.'" width="'.$width_image.'" height="'.$height_image.'"></A>

Je ne comprends pas pourquoi cela ne fonctionne pas sur EI ?
Merci d'avance pour votre aide.

@+

**E.Bzz** · 06/07/2009, 14h49

Bonjour et bienvenue sur Developpez.com

Le problème vient sûrement de la modification via innerHTML, qui n'est pas recommandée (pas forcément bien prise en compte dans le DOM).
Pourquoi ne pas donner un id aux différents éléments à modifier ?
Tu pourras ainsi en changer les valeurs des propriétés en utilisant getElementById() sur chaque élément.

A+

**chalet_a_biot** · 06/07/2009, 14h53

Bonjour,

J'ai trouvé. Désolé pour le dérangement, je débute en javascript.

Dans la fonction Javascript, j'ai ajouter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
    divContentVideo += "<param name='src' value='player.swf?file=" + mediafile + "&amp;showdigits=true&amp;autostart=true'>";
    divContentVideo += "<param name='pluginspage' value='http://www.macromedia.com/go/getflashplayer'>";
    divContentVideo += "<param name='type' value='application/x-shockwave-flash'>";
    divContentVideo += "<param name='style' value='width:" + width_video + "px; height:" + height_video + "px;'>";