178 votes

La meilleure façon d'intégrer un fichier SWF dans une page html?

Quel est le meilleur moyen d'incorporer un fichier SWF dans une page HTML?

175voto

Ronnie Liew Points 11112

La meilleure approche pour intégrer un SWF dans une page HTML est d'utiliser SWFObject.

C'est une simple bibliothèque Javascript open-source qui est simple, facile à utiliser et les normes-friendly méthode pour intégrer du contenu Flash.

Il offre également la version de Flash player détection. Si l'utilisateur n'a pas la version de Flash requis ou a Javascript désactivé, ils vont voir un autre contenu. Vous pouvez également utiliser cette bibliothèque pour déclencher un Flash player mise à niveau. Une fois que l'utilisateur a mis à jour, ils seront redirigés vers la page.

Un exemple tiré de la documentation:

<!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>

Un bon outil à utiliser avec cela, la SWFObject HTML et Javascript générateur. Essentiellement, il génère le code HTML et Javascript vous avez besoin pour intégrer le Flash à l'aide de SWFObject. Est livré avec une très INTERFACE utilisateur simple pour vous de saisir vos paramètres.

Fortement Recommandé et très simple à utiliser.

129voto

Ólafur Waage Points 40104
<object width="100" height="100">
    <param name="movie" value="file.swf">
    <embed src="file.swf" width="100" height="100">
    </embed>
</object>

13voto

Spooky Points 121

Ceci est approprié pour l'application à partir de l'environnement racine.

 <object type="application/x-shockwave-flash" data="/dir/application.swf" 
id="applicationID" style="margin:0 10px;width:auto;height:auto;">

<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->

<!-- ↓ Required paramter or not, depends on application -->
<param name="FlashVars" value="" />

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

</object>
 

Des paramètres supplémentaires devraient / peuvent être ajoutés qui dépendent de .swf lui-même. Pas d'intégration , juste un objet et des paramètres à l'intérieur, donc, ça reste valide, fonctionnel et utilisable partout, peu importe quoi! :)

8voto

Spooky Points 121
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" 
style="width:640px;height:480px;margin:10px 36px;">

<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="menu" value="false" />

</object>

8voto

Brian Kim Points 8951

Si vous utilisez l'une de ces bibliothèques js pour insérer Flash, je suggère d'ajouter une balise d'intégration d'objet simple à l'intérieur de <noscript/> .

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X