JeuWeb Créez votre jeu par navigateur !

Argorate · (Modification du message : 17-09-2010, 01:56 AM par Argorate.)

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.

**Sephi-Chan** · (Modification du message : 15-09-2010, 02:59 PM par Sephi-Chan.)

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

Scrat · (Modification du message : 15-09-2010, 03:25 PM par Scrat.)

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="clsid27CDB6E-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/swfobje...ncais.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

Argorate · 15-09-2010, 04:16 PM

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?

**Sephi-Chan** · 15-09-2010, 04:29 PM

Ç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

Scrat · (Modification du message : 15-09-2010, 04:34 PM par Scrat.)

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

Argorate · 15-09-2010, 05:00 PM

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

thx.

Anthor · 15-09-2010, 10:47 PM

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>

Argorate · 16-09-2010, 12:05 AM

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

**niahoo** · 16-09-2010, 12:09 AM

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 !

Sujets apparemment similaires…
Sujet		Auteur	Réponses	Affichages	Dernier message
	[SVG] Inclure un fichier JS externe	Maz	4	3 242	21-08-2011, 04:17 PM Dernier message: Maz
	[PHP] Les différentes façon d'inclure à fichier. Laquelle choisir ?	xeys	3	1 856	19-08-2011, 07:00 PM Dernier message: xeys
	Possibilité de detecter la taille de la page dans le navigateur?	Argorate	2	1 847	09-03-2011, 11:45 AM Dernier message: Argorate
	Inclure les images semi-transparentes dans les sprites CSS ?	Argorate	11	4 532	27-02-2011, 11:55 AM Dernier message: Sephi-Chan
	Affichage d'une variable dans la page	rragnarok	8	3 767	16-03-2008, 01:45 AM Dernier message: Mysterarts