In HTML eingebettetes Flash Lösung zum Einbetten von Flash-Dateien in HTML-Webseitencode (Teil 2)_HTML/Xhtml_Webseitenproduktion

Was den Nutzungsprozess meines SWFObject V1.5 betrifft, bin ich mit der Einführung im vorherigen Teil vorläufig abgeschlossen Nun werde ich Ihnen das SWFObject V2.1 vorstellen, wenn ich V2 kennengelernt habe. Wenn ja, stört Sie das Problem „Warten auf das Laden des HTML-DOM“ möglicherweise nicht.
Lassen Sie mich zunächst eine kurze Einführung in das Aufrufbeispiel der V2.1-Syntax geben:

Code kopieren Der Code lautet wie folgt:

//1. Verwenden Sie Json, um Variablen, Parameter und Eigenschaften zu initialisieren
var flashvars = {
name1: "hello",
name2: "world ",
name3: "foobar"
};
var params = {
menu: "false"
};
var attributes = {
id: "dynamicContent2" ,
name: "dynamicContent2"
};
swfobject.embedSWF("test6_flashvars.swf", "content2", "300", "120", "6.0.0", "expressInstall.swf" , flashvars, params, attributes);
//2. Herkömmliche Initialisierungseinstellungen, der Effekt ist der gleiche
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = " foobar";
var params = {};
params.menu = "false";
var attributes = {};
attributes. id = "dynamicContent3";
attributes.name = "dynamicContent3";
swfobject.embedSWF("test6_flashvars.swf", "content3", "300", "120", "6.0.0",
"expressInstall.swf", flashvars, params, attributes) ;
///3. Schreiben Sie direkt nach hinten, nur einen Satz, prägnant und kraftvoll, ohne schlampig zu sein
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"});

Ich persönlich bevorzuge die dritte Schreibweise oben. Wie weiter unten erwähnt wird, bette ich Flash in den HTML-Code ein. Die endgültige Lösung der Datei besteht darin, den dritten Aufrufstil von swfobject.embedSWF() zu übernehmen. Der Stil der V2.1-Version stimmt sehr gut mit dem Stil moderner JS überein und der Code erscheint prägnanter.

Die im vorherigen Artikel angenommene Lösung scheint in der Lage zu sein, die meisten Anforderungen zu erfüllen, und die Kompatibilität scheint in Ordnung zu sein. Sie sollte in der Lage sein, die Anforderungen der meisten Freunde zu erfüllen, und das ist möglicherweise nicht der Fall anständige Lösung. Es gibt jedoch eine relativ extreme Situation, die ich entdeckt habe:

Kopieren Sie den CodeDer Code lautet wie folgt:

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

, wenn die Adresse der eingehenden Flash-Datei falsch ist oder die Flash-Datei vom Server gelöscht wird, dann wird eine Situation angezeigt, die Sie am wenigsten sehen möchten, Beispiel
Wie folgt:

Kopieren Sie den CodeDer Code lautet wie folgt:

Es wird empfohlen, dass Sie diesen Code selbst ausführen. Wenn Sie ein Anfänger sind, können Sie die im vorherigen Artikel vorgestellten Schritte befolgen, um diesen Code auszuführen und die kommende „Katastrophe“ wirklich zu spüren.

Ja, Sie werden sehen, dass die Seite leer ist und das Bild, das ursprünglich zum Ersetzen des Backups verwendet wurde, wenn Flash nicht angezeigt werden kann, ebenfalls fehlt. Wo ist es geblieben? Nach dem Debuggen habe ich festgestellt, dass selbst wenn die Adresse der eingehenden Flash-Datei falsch ist, ein falsches -Tag erstellt wird und das

[… … ]

wird durch den darin enthaltenen Inhalt ersetzt, sodass das, was Sie sehen, einen leeren Bereich mit einer Höhe und Breite von 304 Pixel bzw. 367 Pixel bildet (wenn Flash Player installiert ist, klicken Sie mit der rechten Maustaste oben links). Ecke des Bildschirms, Sie werden etwas entdecken), also kommt der Albtraum.

Um dieses Albtraumergebnis zu lösen, kam ich auf eine schlechte Idee. Überprüfen Sie zunächst anhand der eingehenden Flash-Dateiadresse, ob die Datei vorhanden ist Datei existiert, führen Sie dann die Methode swfobject.embedSWF() aus. Die konkrete Idee besteht darin, das XMLHttpRequest-Objekt zu verwenden, um den Server über GET/HEAD anzufordern, und dann festzustellen, dass xmlHttp.status == 200 || xmlHttp.status == 302 existiert als Dateibasis, aber diese Methode scheint immer noch gewisse Mängel zu haben, und ich bin noch nicht in der Lage, sie zu verbessern:

Code kopieren

Der Code lautet wie folgt:

(function( ) {
var xmlHttp,
result,
flashURL = "http://www.pec365.com/Flash/20071113.swf";

var checkFlashURL = function(url) {
xmlHttp = GetXmlHttpObject();
xmlHttp.onreadystatechange = function() {
if ( xmlHttp.readyState == 4 ) {
if ( xmlHttp.status == 200 ||.
xmlHttp .status == 302 ) {
return (result = true);
}
}
};
xmlHttp.open("HEAD", url, true);
xmlHttp .send(null);
var GetXmlHttpObject = function() {
var xmlHttp = null;
try {
// Firefox, Opera 8.0 , Safari
xmlHttp = new XMLHttpRequest();
}
Catch (e) {
// Internet Explorer
try {
// Älterer IE
xmlHttp = neues ActiveXObject ("Msxml2.XMLHTTP") ;
} Catch (e) {
// Neuer IE
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

return xmlHttp;
};
// Es wird verwendet, um zu prüfen, ob die angegebene Flash-Datei auf dem Server vorhanden ist
checkFlashURL(flashURL); 🎜> if ( result ) {
swfobject.embedSWF(flashURL, "flashcontent", "304", "367", "10.0.0", "expressInstall.swf", {}, { quality:"autohigh", wmode:"transparent" }, {} );
}
else {
window.alert("Ihre Flash-Adresse ist ungültig, bitte überprüfen Sie sorgfältig"); // Wird nur verwendet, um zu überprüfen, ob die Flash-Adresse vorhanden ist ist beim Debuggen korrekt
}
}
})();

< ;div id="flashcontent">

Wow, ich habe mehrere Stunden damit verbracht, diese beiden Texte rauszuwerfen, und ich bin aus Versehen bis zum Ende in der Firma geblieben. Es ist 22 Uhr und der Sicherheitsdienst ist hier, um die Leute zu vertreiben. Ich werde den Text schnell ausarbeiten, wenn ich morgen Zeit bei der Arbeit habe, haha.