Page 1 sur 1

Jquery load() - chargement dynamique swf (bug sous IE)

Posté : 02 déc. 2010, 16:30
par socialdisorder
Bonjour à tous !
Je viens vers vous pour vous exposer mon problème car après de nombreuses recherches sur divers forums, je n'ai toujours pas trouvé réponse à ma question.

J'utilise Jquery pour charger dynamiquement différents éléments d'un portfolio avec la méthode load()


Pour illustrer brièvement comment fonctionne ma page, je vous colle une partie du code :

La fonction qui charge les différentes pages html de contenu :

Code : Tout sélectionner

<script> function dynamix(page) { $('#diapo').hide().load('dynamic/'+page+'.html', function() { $('#diapo').fadeIn('slow');}); } </script>
L'appel à la fonction dans le code :

Code : Tout sélectionner

<a onclick="dynamix('theflashpage');" ></a>
Un exemple de page html chargée dynamiquement par la fonction :

Code : Tout sélectionner

<object type="application/x-shockwave-flash" data="myflashplayer.swf" width="800" height="300"> <param name="movie" value="myflashplayer.swf" /> <param name="allowFullScreen" value="true" /> <param name="FlashVars" value="flv=http://www.mywebsite/video/myvideo.flv&width=800&height=300&showvolume=1&showfullscreen=1&showmouse=autohide&margin=0&autoplay=1" /> </object>

Mon div '#diapo' affiche bien toutes les informations, qu'elles soient des photos ou vidéos sous Firefox et Safari, mais sous IE7 les photos s'affichent mais pas les vidéos (bloc blanc de la taille de mon lecteur flash et message 'animation non chargée' quand je click droit dessus).

J'aurai aimé savoir si quelqu'un s'était déjà frotté à ce genre d'appel dynamique de vidéo avec cette méthode ou si vous aviez une alternative pour assurer une compatibilité sur tous les navigateurs (ie7+).

Merci à vous :)

p.s : J'ai tenté d'utiliser le script "swfobject.js", mais je l'ai peut être mal initialisé car je n'ai pas obtenu de meilleur résultat avec celui-ci

Re: Jquery load() - chargement dynamique swf (bug sous IE)

Posté : 02 déc. 2010, 20:03
par socialdisorder
Je me réponds à moi-même ayant trouvé une solution plus efficace.
En effet, au lieu de charger à chaque fois une page contenu les balises <object></object>, ce qui est assez lourd... j'ai découvert que le lecteur flash que j'utilisais était contrôlable via javascript.

Il me suffit donc de passer des variables qui correspondent aux url de mes vidéos pour que celui ci les lise sans charger un nouveau lecteur à chaque fois.

Pour combiner avec l'affichage d'images, j'utilise le css, j'applique à mon <div id="video"> un " visibility: hidden" et le tour est joué.

Pas si simple mais finalement cette solution est assez idéale pour mon lecteur portfolio "home-made" ^^