JeuWeb - Crée ton jeu par navigateur
Inclure du flash dans une page web? - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Inclure du flash dans une page web? (/showthread.php?tid=2604)

Pages : 1 2

Inclure du flash dans une page web? - Argorate - 15-09-2010

Bonjour,

J’aimerais savoir s'il y avait un moyen plus propre pour inclure un swf dans une page web que d'utiliser <object> et <embed> comme indiqué ici (et sur beaucoup d'autres sites)?

Merci.

RE: Inclure du flash dans une page web? - Sephi-Chan - 15-09-2010

Le must c'est de ne pas faire ça à la main et d'utiliser un script comme SWFObject qui charge les animations proprement et comme il faut selon chaque navigateur.


Sephi-Chan

RE: Inclure du flash dans une page web? - Scrat - 15-09-2010

Si jamais ça peut te faire gagner un peu de temps.

Je l'ai utilisé dernièrement sur un projet

Il faut le télécharger :
Version 2.2 : http://code.google.com/p/swfobject/downloads/list

Dans le Head tu ajoutes : 


<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

    swfobject.registerObject("contentFlash", "9.0.0", "expressInstall.swf");

</script>

Dans le corps de ta page tu ajoutes :


<object id="contentFlash" classid="clsidBig Grin27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%">

	<param name="movie" value="tonFlash.swf" />

	<param name="menu" value="false" />

	<param name="scale" value="noscale" />

	<param name="bgcolor" value="#000000" />

	<param name="wmode" value="transparent" />

	<!--[if !IE]>-->

	<object type="application/x-shockwave-flash" data="tonFlash.swf" width="100%" height="100%">

		<param name="menu" value="false" />

		<param name="scale" value="noscale" />

		<param name="bgcolor" value="#000000" />

		<param name="wmode" value="transparent" />

	<!--<![endif]-->

	<div id="altContent">

	    <h1>Ton contenu alternatif, si l'utilisateur n'a pas la bonne version</h1>

	    <p>

                <a href="http://www.adobe.com/go/getflashplayer">

                    <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />

                </a>

            </p>

	</div>

	<!--[if !IE]>-->

	</object>

	<!--<![endif]-->

</object>
(à adapter le nom du fichier swf)

Tu trouveras une doc française avec liste des fonctions ici : http://egypte.olympe-network.com/swfobject-francais.html

PS : le 9.0.0 dans le head définit la version nécessaire pour voir ton flash.
Je crois que j'ai fais le tour Smile

RE: Inclure du flash dans une page web? - Argorate - 15-09-2010

Du coup SWFObject utilise aussi la balise <object>, alors concrètement qu'es ce que ça fait de plus/de mieux? Ca a pas l'air ni plus ni plus court à écrire, donc c'est quoi l'avantage?

RE: Inclure du flash dans une page web? - Sephi-Chan - 15-09-2010

Ça fait exactement ce qu'il faut selon le navigateur. C'est simple et c'est une solution éprouvée.
Lis l'avant propos (en Français) pour en savoir plus.

Smile


Sephi-Chan

RE: Inclure du flash dans une page web? - Scrat - 15-09-2010

Chacun sa façon de faire, mais je sais que je l'utilise surtout pour que ça soit compatible avec tous les navigateurs (du moins en théorie c'est le cas)
- SWFobject détecte la version flash de l'utilisateur et propose un contenu alternatif
- offre l'option d'utiliser Adobe Express Install pour télécharger la dernière version du lecteur Flash
- résout les problèmes liés aux anciens moteurs Webkit qui ignoraient l'élément param issu de l'élément object en utilisant l'élément propriétaire embed à la place (Note : c'est le seul endroit où les balises propriétaires sont utilisées et seront remplacées dans une future version)
- offre la possibilité de publier du contenu Flash avec JavaScript et évite grâce à cela les manipulations de "cliquer-pour-activer"
- offre une interface de programmation d'interface JavaScript élaborée pour réaliser des taches communes sur le lecteur Flash et le contenu Flash.

Edit : Zut Sephi plus rapide. Les points que j'ai cités sont tirés de l'avant-propos Smile

RE: Inclure du flash dans une page web? - Argorate - 15-09-2010

Bien, je vais donc voir de mettre ça en place Wink

thx.

RE: Inclure du flash dans une page web? - Anthor - 15-09-2010

Il vaut mieux utiliser cette notation :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  <head>

    <title>SWFObject dynamic embed - step 3</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script type="text/javascript" src="swfobject.js"></script>

    

    <script type="text/javascript">

    swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");

    </script>



  </head>

  <body>

    <div id="myContent">

      <p>Alternative content</p>

    </div>

  </body>

</html>


RE: Inclure du flash dans une page web? - Argorate - 16-09-2010

C'est beaucoup plus court, et ça fait pareil? pas mal ^^

RE: Inclure du flash dans une page web? - niahoo - 16-09-2010

ah ! je me disais bien que je l'avais déja vu utilisé sans avoir besoin de mettre le code du flash dans la source !