web-dev-qa-db-fra.com

Comment puis-je intégrer parfaitement Flash dans une page de manière compatible avec tous les navigateurs?

Lorsque je reçois des objets Flash de mon concepteur, un exemple de page HTML contenant des balises <object> et <embed> ainsi qu'un tas de JavaScript est fourni. Si je copie et colle ce code sur ma page Web, cela fonctionne, mais le code a l'air d'un gâchis (et il y en a tellement!). Si je supprime le code supplémentaire et que j'essaie juste <embed> ou <object> seul, cela fonctionne dans certains navigateurs, mais pas dans d'autres.

Existe-t-il une méthode simple et minimale qui fonctionne dans tous les principaux navigateurs?

htmlflash
8
Mark Hatton

SWFObject est ce que vous recherchez. C'est une bibliothèque JavaScript qui fait le gros du travail sur plusieurs navigateurs. Il vous suffit d'inclure le fichier JavaScript dans votre page, de créer un élément à remplacer dans votre source et d'indiquer à swfobject le nom de cet élément et le chemin d'accès au fichier .swf.

Ça fait le reste.

 <script type = "text/javascript" src = "swfobject.js"> </ script> 
 <script type = "text/javascript"> 
/* chemin, élément de remplacement, largeur, hauteur, version Flash minimale */
 swfobject.embedSWF ("myContent.swf", "myContent", "300", "120", "9.0.0"); 
 </ script>

C'est tout ce dont vous avez besoin. Eh bien, cela et un élément (généralement un div) avec un id="myContent". L'élément avec cet ID sera remplacé par la balise incorporée que votre navigateur actuel préfère.

Le documentation est génial, vous l'aurez opérationnel en un rien de temps. Et si vous rencontrez des problèmes, posez une autre question.

5
Bryson

Il existe déjà d'excellentes réponses à cette question sur StackOverflow: https://stackoverflow.com/questions/2254027/which-browsers-support-the-embed-and-object-tags

4
Mark Hatton

Vous voudrez peut-être jeter un oeil à Flash Satay - il est daté, mais il montre assez bien les problèmes rencontrés pour que Flash fonctionne de manière multi-navigateur.

1
Grant Palin

Vous pouvez utiliser l'une des ressources suivantes:

Flash Embedding Cage Match - décrit les problèmes en détail et suggère des solutions de contournement, ainsi que leurs avantages et inconvénients.

bibliothèque swfobject [recommandé] - s'inspire de l'article ci-dessus et ajoute une fonctionnalité que celui-ci laissait sous forme d'exercice.

Générateur SWFObject 2 HTML et JavaScript - est un assistant qui génère un balisage swfobject (HTML et JavaScript). Vous pouvez abandonner swfobject en choisissant "publication statique", supprimer toutes les balises JavaScript du balisage généré.

0
Salman A