<h2>Votre Formation vidéo</h2><br/>
Votre formation est décomposée<br/>
en chapitres très clairs de 20 à 30 min. <h2>Des exemples SWF </h2><br/>
Chaque leçon est accompagnée<br/>
du code source avec le fla et les classes. <h2>Votre Suivi personnalisé</h2><br/>
Vous pouvez  me poser toutes<br/>
vos questions sous les cours vidéos.

Afficher du flash dans une page HTML avec SWFObject

9 questions

Écrit le 13 septembre par Matthieu
Publié dans le(s) sujet(s) Adobe Flash |Cours AS3

Mots clés : , , , , , , , , ,

Le Kit du Développeur Flash

Il y a une étape de base très importante lors de la création d’une application : l’affichage du flash dans une page web.

Au premier abord, cela a plutôt l’air compliqué. Lors de mes débuts dans la programmation flash, il y avait tellement d’options différentes que j’utilisais les valeurs par défaut avec Adobe Flash.

Heureusement, un groupe de développeurs talentueux a développé du javascript pour nous simplifier énormément l’intégration du flash dans une page web ;)

Voici ce que je vais vous apprendre :

  • Comment ajouter du contenu flash dans une page html.
  • Comment utiliser la puissance du script swfobject avec le flash.
  • Toutes les possibilités offertes par l’API swfobject.
  • Comment proposer à vos internautes la mise à jour automatique de leur player flash par un simple clique !
  • Comment rendre votre balise flash <object> conforme XHTML.
  • Une solution en ligne pour générer rapidement et facilement le code html nécessaire à l’affichage de votre application flash par un simple copier-coller ;)

 

  • Comment détecter la version du player flash de votre visiteur et lui proposer une mise à jour automatique afin qu’il puisse profiter de l’ensemble des fonctionnalités de votre application flash.

 

  • La technique pour utiliser automatiquement et sans mise à jour; une version toujours optimum de swfobject.
  • Comment afficher un contenu alternatif à vos internautes qui n’ont pas le player flash installé.

A la fin de ce cours ActionScript, l’utilisation de swfobject pour afficher du contenu flash n’aura plus de secret pour vous !

SWFOBJECT

Télécharger le code source du cours AS3

Vous trouverez un exemple de code source utilisant les 2 techniques pour afficher du flash dans une page web.

TELECHARGEZ swfobject

(Téléchargé 776 fois - Taille : 51,71 kB)

Téléchargez la dernière version de swfobject 2 avec les exemples d’utilisation.

Consultez l’API JavaScript pour connaître les possibilités de swfobject.

Récupérez votre code javascript directement avec le générateur en ligne swfobject.

Profitez automatiquement de la dernière version de swfobject avec le projet Google AJAX Libraries API.

Consultez la Documentation complète de SWFObject.

Et vous, utilisez-vous swfobject pour afficher votre contenu flash ?

Ou préférez-vous le fichier html généré automatiquement par Adobe Flash ?

Partagez vos motivations par rapport à votre solution utilisée.



Une question sur ce cours ?

Vous avez un point bloquant ?
Besoin d'explications supplémentaires ?
Ou vous voulez partager votre code source.
Votre adresse de messagerie ne sera pas publiée.
Les champs obligatoires sont indiqués avec *

9 questions sur “Afficher du flash dans une page HTML avec SWFObject”

  1. Bonjour,

    Merci pour vos explications claires et précises.

    J’ai appliqué cela sur un swf personnel, simple et quelconque, et ça fonctionne à merveille.

    Or, cela ne fonctionne pas sur un swf que j’ai récupéré chez « alsacréation », à savoir le player audio « dewplayer » :
    http://www.alsacreations.fr/dewplayer.html

    J’ai donc :
    dewplayer-playlist.swf
    et son :

    Mais quel que soit la méthode swfobject employée (statique ou dynamique), le swf n’apparaît pas et ne se redimensionne pas.

    J’ai passé beaucoup de temps pour essayer d’insérer ce swf de dewplayer avec swfobject, mais rien ny fait !

    J’en viens donc à penser que le fichier a été bidouillé par le développeur pour empêcher qu’on le retouche via swfobject (no comment)…

    Bref… je serais curieux de savoir ce qu’un professionnel flash de votre niveau en dit.
    En effet, il semble que le redimensionnement du « dewplayer » soit un véritable défi.

    En vous remerciant,
    le partageux

  2. » xavier dit |

    je voudrais imprimer une page php qui contient flash et ceci ne s’affiche pas en aperçue. Que fait?

  3. » Robert Latreille dit |

    Merci pour ces explications très détaillées du SWFObject. J’ai une question provenant d’un client qui aimerait avoir du flash sur son site, mais a des réserves… Est-il possible de rediriger automatiquement un internaute qui arrive sur une page avec du flash, (mais n’a pas de flash installé) vers une autre page html (qui pourrait être le même site mais sans flash).

    Merci pour votre aide précieuse et bravo pour votre excellent travail de vulgarisation informatique…

    Robert Latreille

    • Bonjour Robert,

      Vous avez plusieurs solutions.

      Dans la balise div qui accueille votre application swf, vous pouvez mettre le contenu html du site (cela améliore le référencement). Puis si le flash player est installé, le contenu html sera remplacé par le fichier swf, dans le cas inverse l’utilisateur verra la page html.

      Une autre solution : dans la documentation swfobject, c’est d’utiliser l’option callbackFn.
      En fonction de la valeur de retour (flash affiché ou non), tu décides d’afficher un contenu hmtl (plus de détails avec un exemple d’utilisation).

      Bonne intégration !

      Matthieu

  4. » julie dit |

    Bonjour,
    Un grand merci pour ce cours très détaillé.
    Malgré tout, je n’arrives toujours pas à afficher ma barre swf. J’ai tenté un grand nombre de codes html mais en bonne débutante, j’imagine que je sèche sur quelques chose de simple.
    J’ai donc, dans dropbox (en attente d’un serveur ftp) un fichier banniere.swf généré par adobe flash cs3 (dans lequel j’ai suivi les instructions sur le site suivant : http://www.wisibility.com/post/2007/01/30/244-tutorial-flash-flv-en-boucle première partie du cours) que j’ai mis dans le dossier ex-swfObject et en laissant les fichiers : application.swf ; expressInstall.swf et swfobject.js.
    Pour ce qui est du fichier swfobject-dynamique.html, j’ai utilisé le code dynamique créé par le générateur en ligne dont voici le code :

    var flashvars = {};
    var params = {};
    params.play = « true »;
    params.loop = « true »;
    params.menu = « false »;
    params.quality = « best »;
    params.wmode = « transparent »;
    params.allowscriptaccess = « always »;
    var attributes = {};
    attributes.id = « banniere »;
    attributes.name = « banniere »;
    attributes.align = « middle »;
    swfobject.embedSWF(« banniere.swf », « myAlternativeContent », « 925 », « 200 », « 9.0.0 », « expressInstall.swf », flashvars, params, attributes);

    Poue mettre à jour votre Player flash, cliquez sur le lien ci-dessous

    La bannière marche parfaitement sous file:///Users/blabla/swfobject-dynamique.html

  5. Tutos Flash en relation : swfobject api manual | Onyrix |

  6. Tutos Flash en relation : Comment éviter la mise en cache d'un swf / fichier xml en AS3 ? |

  7. Tutos Flash en relation : Utiliser l'historique du navigateur dans Flash avec les boutons précédent / suivant |