Flash intégré dans HTML Solution pour intégrer des fichiers Flash dans le code d'une page Web HTML (Partie 2)_HTML/Xhtml_Production de pages Web

Concernant le processus d'utilisation de mon SWFObject V1.5, j'ai temporairement terminé avec l'introduction de la partie précédente Je vais maintenant conduire le SWFObject V2.1 à votre rencontre si j'avais fait connaissance avec la V2. 1 plus tôt, si c'est le cas, vous ne serez peut-être pas dérangé par le problème "en attente du chargement du DOM HTML".
Tout d'abord, permettez-moi de vous donner une brève introduction à l'exemple d'appel de la syntaxe V2.1 :

Copier le code Le code est le suivant :

< script type="text/javascript"> ;
//1. Utilisez Json pour initialiser les variables, les paramètres et les propriétés
var flashvars = {
name1 : "hello",
name2 : "world ",
name3 : "foobar"
};
var params = {
menu : "false"
};
var attributs = {
id : "dynamicContent2" ,
nom : "dynamicContent2"
};
swfobject.embedSWF("test6_flashvars.swf", "content2", "300", "120", "6.0.0", "expressInstall.swf" , flashvars, params, attributs);
//2. Paramètres d'initialisation traditionnels, l'effet est le même
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "monde";
flashvars.name3 = " foobar";
var params = {};
params.menu = "false";
var attributs = {};
attributs. id = "dynamicContent3";
attributs.name = "dynamicContent3";
swfobject.embedSWF("test6_flashvars.swf", "content3", "300", "120", "6.0.0",
"expressInstall.swf", flashvars, params,attributs) ;
///3. Écrivez directement à la fin, une seule phrase, concise et puissante, sans être bâclée
swfobject.embedSWF("test6_flashvars.swf ", "content5", "300", "120",
"6.0.0", "expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, { menu:"false"}, {id:"dynamicContent5",name:"dynamicContent5"});

Personnellement, je préfère la troisième façon d'écrire ci-dessus. Comme cela sera mentionné ci-dessous, j'intègre Flash dans le code HTML. La solution finale du fichier est d'adopter le troisième style d'appel à swfobject.embedSWF(). Le style de la version V2.1 est très cohérent avec le style du JS moderne et le code semble plus concis.

La solution adoptée dans l'article précédent semble pouvoir répondre à la plupart des besoins, et la compatibilité semble correcte. Elle devrait pouvoir répondre aux besoins de la plupart des amis, et ce n'est peut-être pas le cas. solution décente. Cependant, il y a une situation relativement extrême que j'ai découverte, qui est :

Copier le codeLe code est le suivant :

nouveau SWFObject("http://www.pec365.com/Flash/20071113.swf", "monfilm", "304", "367", "7", "#FFFFFF");

, si l'adresse du fichier Flash entrant est erronée ou si le fichier Flash est supprimé du serveur, alors vous verrez une situation que vous souhaitez le moins voir, exemple
Comme suit :

Copiez le codeLe code est le suivant :

< / head>

Il est recommandé d'exécuter ce code vous-même. Si vous êtes novice, vous pouvez vous référer aux étapes présentées dans l'article précédent pour exécuter ce code et ressentir véritablement le « désastre » venir.

Oui, vous verrez que la page est vierge et que l'image qui était à l'origine utilisée pour remplacer la sauvegarde lorsque Flash ne peut pas être affiché est également manquante. Où est-elle passée ? Après le débogage, j'ai constaté que même si l'adresse du fichier Flash entrant est erronée, une mauvaise balise sera créée et le

[… … ]

est remplacé par le contenu qu'il contient, de sorte que ce que vous voyez formera une zone vide d'une hauteur et d'une largeur de 304 px et 367 px respectivement (si Flash Player est installé, cliquez avec le bouton droit de la souris en haut à gauche coin de l'écran, vous découvrirez quelque chose), alors le cauchemar arrive.

Afin de résoudre ce résultat cauchemardesque, j'ai eu une mauvaise idée. Tout d'abord, vérifiez si le fichier existe réellement sur le serveur en fonction de l'adresse du fichier Flash entrant. Si le résultat renvoyé est celui du Flash. existe, puis exécutez la méthode swfobject.embedSWF(), et l'idée spécifique est d'utiliser l'objet XMLHttpRequest pour demander au serveur via GET/HEAD, puis de déterminer que xmlHttp.status == 200 xmlHttp.status == 302 existe sous forme de fichier, mais cette méthode semble encore avoir certains défauts, et je ne suis pas encore en mesure de l'améliorer. Voici un exemple de ma solution finale :

. Copier le code

Le code est le suivant :

< head>

< ;div id="flashcontent">

< /form>




Wow, j'ai passé plusieurs heures à jeter ces deux textes, et je suis resté accidentellement dans l'entreprise jusqu'à la fin. Il est 22 heures et la sécurité est là pour chasser les gens. Je veux y mettre fin à la hâte. Je découperai le texte quand j'aurai du temps libre au travail demain, haha.