Hébergement WEBADO

Votre place à vous sur le web

Hébergement et Design web au Canada - Webado
Hébergement et Design web au Canada - WEBADO, Web-Ah-Do, Web-I-Do voir www.webado.com

IMBRIQUER (EMBEDDING) UN (SWF)
Toute application Flash

Voir aussi:

Retourner à IMBRIQUER DES MÉDIAS SUR UNE PAGE WEB ...

Ici je vais montrer 2 solutions, les deux sont bonnes et valides.

La Solution Flash Satay

Voici le code original qui fonctinne dans tous les fureteurs, sauf tel qu'indiqué plus haut pour MSIE. Ce code est celui de la méthode Flash Satay.

NB: ce code est pour un document avec un doctype XHTML. Pour un doctype HTML ou aucun doctype du tout, TOUTES les balises qui sont fermées ici par />, DOIVENT être fermées seulement par >.

<object  width="500" height="200" data="flash-file.swf"
	type="application/x-shockwave-flash"
	title="Titire de cet object Flash">
	<param name="movie" value="flash-file.swf" />
	<param name="height" value="200" /> 
	<param name="width" value="500" /> 
	<param name="menu" value="false" /> 
	<param name="quality" value="autohigh" />
<!-- remove the wmode if transparency is not needed -->
	<param name="wmode" value="transparent" />
	<em>Description de l'object flash </em>
</object>

Un exemple d'un fichier Flash imbriqué de cette façon:

Flash logo banner for www.melinas-music.com

Dans l'exemple de plus haut on assume que le plugin nécessaire de Flash Macromedia est bel et bien installé dans le fureteur. Parfois ceci est tout un défi dans des fureteurs autre que IE, mais ça c'est un autre problème.

Avis important

Cette méthode originalement devait seulement réparer un problème survenu après une mise à niveau de IE6 qui exigait un clic de plus pour activer le contrôle dans l'object imbriqué (peu importe le type d'objet: Macromedia Flash, Windows Media Player, Real Player, Quicktime, applets Java , PDF, etc.).

Ce problème a été corrigé par la suite. Cependant la méthode décrite ici reste toujours valable et valide.

Plusieurs solutions pour contourner ce problème avaient été proposées, mais la solution définitive (pour l'instat au moins) est SWFObject de Geoff Stearns de http://www.deconcept.com/ et documentée danst http://blog.deconcept.com/swfobject/.

En fait cette solution fournit une façon idéale de présenter du contenu alternatif correspondant au Flash, en plus de permettre de se débarraser du clic requis pas MSIE, et d'employer du code pleinement valide.

Eh oui, cela permet aussi d'imbriquer un vidéo provenant de YouTube ou d'une autre source semblable tel Google Video ou MySpace Video. Il suffit de convertir le code donné par l'hébergeur du vidéo au code basé sur la méthode présentée ici. En fait les 3 seuls paramètres requis sont l'url du vidéo et ses dimensions d'affichage.


La solution SWFObject

Cette solution est très facile à utiliser. Elle requiert du javascript afin que le Flash soit actif et visible, ce qui semble raisonnable. Dans l'absence de javascript, un contenu alternatif est fourni, ce qui est hautement préférable en tout cas.

N.B. la version que j'utilise est déjà désuète, cependant elle sert toujours pour des besoins Flash non complexes. Une nouvelle version, beaucoup plus sophistiquée, est maintenant disponible sur le site officiel de Google pour téléchargement de code de SWFObject tandis que le support est fourni dans le Groupe Google de SWFObject.

On inclut 2 scripts dans la section head de la page web: SWFObject.js et mySWFmovie.js. Le deux peuvent être téléchargés dans un fichier zip ici.

Dans le body de la page, à la place la place du fichier swf à afficher, on ouvre un <div id="my_swfid"> et on y place du contenu alterntif à afficher si javscript n'est pas disponible.

Tout de suite après la fermeture de ce div, on y place un autre script simple qui servira à insérer l'object flash.

  
<div id="my_swfid">
   <p>Ce contenu es affiché au lieu de l'objet flash lui-même. 
   Ca peut être du texte, une image, n'importe quoi, tout ce qui
   s'applique.
   Il sera remplacé par l'object flash si javascript est habilité.
   Ceci peut être placé dans un div avec largeur, hauteur et style.</p>
</div>

<script type="text/javascript">
<!--
// Ce script remplace l'image ou le texte dans le 
// div id="movie" de plus haut par l'object SWF

// On fournit des valeurs pour: 
//		swfid,swf,id,width,height,version,bgcolor 

// le div id défini plus haut pour swf
 	var swfid="my_swfid";
	var swf="flash-file.swf";
	var id = "FVS";
	var width=500;
	var height=200;
	var version="6";
	var bgcolor="#cccccc";
             // ou  0 pour transparent 
             // ou un code de a 6 chiffres hexa comme "#cccccc"
             // pour cette couleur-là

   mySWFmovie (swfid,swf,id,width,height,version,bgcolor);
     
//-->
</script>

Voici un exemple avec SWFObject codé de cette façon.

NB: Ces scripts sont en modification quasi constante. SVP revoir ce site pour y trouver les dernières versions. Aussi veuillez m'informer de toute limitation ou erreur que vous rencontrez, que ce soit avec des systèmes d'exploitation différents, des fureteurs différents autre que ce que j'ai pu tester moi-même.

Retourner à IMBRIQUER DES MÉDIAS SUR UNE PAGE WEB ...

 

En haut

 
0.00  seconds run time

Modified on: 2014-02-07