Partage
  • Partager sur Facebook
  • Partager sur Twitter

Function onfinish et autostart/autoplay

    18 juillet 2010 à 16:49:12

    Bonjour,

    je me tourne une nouvelle fois vers la communauté du Zéro après avoir fait plusieurs recherches infructueuses sur le net. Je m'explique.
    Je dois faire un site pour une amie. Elle veut que quand on arrive sur le site, il y ait une petite animation (anim1.swf) d'attente, que quand on clique dessus, il y ait une 2e animation (anim2.swf) et qu'à la fin de celle-ci on arrive sur la page principale du site.

    Voici le code de la première video :

    <div id="anim1">
    <div id="video1">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1066" height="600" autoreplay="1" onclick="anim2Menu('anim2')">
    <param name="movie" value="anim1.swf">
    <param name="quality" value="high">
    <embed src="anim1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1066" height="600" autoreplay="1" onclick="anim2Menu('anim2')"></embed></object></div>
    
    </div>
    


    Donc, comme noté avec le onclick, au clic de la souris la 2e anim démarre. Voici le code de la 2e vidéo :

    <div id="anim2" style="margin-top:-600px;">
    <div id="video2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="1066" height="600" autoplay="false" loop="false" onfinish="accueilMenu('accueil')">
    <param name="movie" value="anim2.swf">
    <param name="quality" value="high">
    <param name="autoplay" value="false"> 
    <embed src="anim2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="1066" height="600" loop="false" onfinish="accueilMenu('accueil')"></embed></object></div>
    </div>
    


    J'ai rajouté un onfinish pour que, une fois la 2e vidéo terminée, on arrive sur la page principale. Sauf que le onfinish ne marche pas. La vidéo, après avoir été jouée une fois, s'arrête simplement et il ne se passe rien.

    Autre problème, afin que la 2e vidéo soit cachée pendant que la 1ère tourne en boucle jusqu'au clic de l'internaute, je l'ai mise en visibility:hidden.
    Au clic sur la première vidéo, la function anim2Menu('anim2') est appelée :

    <script type="text/javascript">
    		<!--
    		function anim2Menu(){
    			document.getElementById('anim1').style.visibility = 'hidden';
    			document.getElementById('anim2').style.visibility = 'visible';
    			
    		}//-->
    </script>
    


    Et le problème qui se pose, c'est que malgré le autoplay=false que j'avais mis sur la 2e anim, celle-ci tourne déjà quand elle est en visibility:hidden et donc elle n'est pas au début au moment où on clique sur la 1ère vidéo. Comment pourrais-je résoudre ces problèmes ?

    Je sais pas si j'ai été très clair ?? lol

    En tout cas merci d'avance pour vos réponses !
    • Partager sur Facebook
    • Partager sur Twitter

    Function onfinish et autostart/autoplay

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown