avplayer, flvplayer et innerHTML

avplayer, flvplayer et innerHTML - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : avplayer, flvplayer et innerHTML (/thread-922.html)

avplayer, flvplayer et innerHTML - snatch1974 - 27/01/2011

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.9.2
#~ Nom de l'hébergeur : surftown.net
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.9.2
#~ Installed Modules:
#~ CMSMailer: 2.0
#~ FileManager: 1.0.3
#~ MenuManager: 1.7.4
#~ ModuleManager: 1.4
#~ News: 2.11
#~ nuSOAP: 1.0.2
#~ Printing: 1.1.1
#~ Search: 1.6.8
#~ ThemeManager: 1.1.3
#~ TinyMCE: 2.8.2
#~ FCKeditorX: 1.1.0
#~ CGExtensions: 1.22.2
#~ NMS: 2.3.2
#~ DewPlayer: 0.2.1
#~ avplayer: 1.3.1
#~ jQuery: 1.1.2
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 100000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.14
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ memory_limit: 96M
#~ max_execution_time: 3000
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 100M
#~ upload_max_filesize: 100M
#~ session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 4.1.22
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

Bonjour à tous,

Pour la gestion de mes vidéos, j'utilise le module avplayer auquel j'ai adjoint flvplayer.
jusque là, tout va bien!
le player s'affiche bien sur ma page "vidéos" dans laquelle je référencie toutes les vidéos qui doivent se charger en javascript, sans rechargement complet de la page
Pour ce j'ai donc fait une fonction js avec la fonction document.getElementById('video').innerHTML qui est censé me remplacer la vidéo courante par la nouvelle.
Tout fonctionne nickel sauf... sous ie8 qui lui ne tient pas compte de la taille de la vidéo et me zappe quelques falshvars importants (plus de barre de controle)

Un peu de code pour que vous puissiez mieux voir.
fonction js:

Code :
<script type="text/JavaScript"> 

function changevideo(flvideo){

document.getElementById('video').innerHTML='<object type="application/x-shockwave-flash" data="uploads/flash/flvplayer.swf" width="600" height="450px"><param name="movie" value="uploads/flash/flvplayer.swf"><param name="FlashVars" value="width=600&height=400&showplayer=always&showiconplay=1&showvolume=1&autoload=1&autoplay=1&showloading=always&showtime=1&showstop=1&flv=http://www.bobellsparadise.com/uploads/media/'+flvideo+'.flv" /><param name="wmode" value="transparent"/></object>';

self.location.assign('index.php?page=references-en-videos#main');}

</script>

Emplacement de la vidéo dans mon gabarit:

Code :
<div class="back3">

                    <div id="main">

                         <div id="video">{cms_module module="avplayer" alias="ambiance"}</div>

                        {content}

                        <br />

                        <div class="right49">

                        <a href="{anchor anchor="pagewrapper" onlyhref="1"}"><img src="images/cms/top.jpg" alt="top" width="30" height="30" title="top" /></a>

                        </div>

                        <hr class="accessibility" />

                        <div class="clear">

                        </div>

                  </div>

               </div>

Forme des liens qui renvoient vers la fonction:

Code :
<ul>

<li><a href="#" onClick="changevideo('ambiance');return false;">Clip vidéo "ambiances à l'africaine"</a></li>

</ul>

<h3>VIDÉOS 2010</h3>

<ul>

<li><a href="#" onClick="changevideo('just-listen-2010');return false;">Just Listen 2010</a></li>

</ul>

Le problème est visible sur bobell's paradise
Donc, si une bonne âme pouvait me trouver le problème car ça fait 2 jours que je suis dessus, ça m'aiderait grandement.

Ps: je pourrais virer avplayer et intégrer mes vidéos avec swfobject par exemple pour touyt gérer en js, ce qui serait plus simple mais comme je ne suis pas le seul à avoir accés à l'admin et à la gestion des vidéos, avplyer reste une solution plus simple.

Ps bis: dans ma fonction js j'ai rajouté les flashvars height et width car sinon la viédo fesait 5px sur 5px... difficilement visionnable en attendant de trouver la solution à mon soucis.

Encore merci de votre aide