chargement de video sur IE7.

Version imprimable

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:

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:

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

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

Code:

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.

@+

06/07/2009, 14h49
E.Bzz

Bonjour et bienvenue sur Developpez.com :ccool:

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+

Bonjour,

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

Dans la fonction Javascript, j'ai ajouter :
Code:

1 2 3 4 divContentVideo += "<param name='src' value='player.swf?file=" + mediafile + "&showdigits=true&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;'>";
Et cela fonctionne aussi sur EI. C'est EI qui ne supporte pas les balise <embed>.

Vous pouvez voir le résultat sur http://stemarie.geveze.free.fr

06/07/2009, 14h56
E.Bzz

Citation:

Envoyé par chalet_a_biot

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

Pas de problème ;)

Par contre, il serait quand même préférable d'utiliser des instructions plus "propres" que le innerHTML ....

A+