我正在尝试嵌入一个swf
我的代码
<script type="text/javascript">
function initSwf(path)
{
var playerso = new SWFObject(path.concat("/playerHD.swf"), "player01", "600", "450", "9");
playerso.addParam("quality", "high");
playerso.addParam("allowScriptAccess", "always");
playerso.addVariable("xml", path.concat("/xml/details.xml")); // Data xml URL
playerso.addVariable("path", path.concat("/files/")); // URL for assets (swf & jpg)
playerso.write("dviewDiv");
jQuery(document).ready(function()
{
setTimeout( function()
{
jQuery('#mySliders').addClass('hide');
jQuery('#sliderloading').addClass('hide');
jQuery('#dviewDiv').removeClass('hide');
}
, 7000 );
});
}
</script>
这个swfobject的问题是,当它加载时,它显示一个空白屏幕或白色或我提供的任何背景。这似乎是糟糕的用户体验
我想修改库,以便在它缓冲时,我可以显示一些其他图像,当它的缓冲区完成时,它就消失了。
在我的代码上面,我已经放置了7秒的延迟删除图像。这有帮助,但有时加载仍然需要超过7秒。是否有任何可能性或任何修改我可以做,以找出何时完成加载,以便我可以删除图像。
示例可以在
上查看thevowapp.com/webapp/test.php
Press on 3D BUtton to load the swf file
库代码如下
我正在使用的javascript开源库有以下代码
/**
* SWFObject v1.4: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
*
* SWFObject is (c) 2006 Geoff Stearns and is released under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
* **SWFObject is the SWF embed script formerly known as FlashObject. The name was changed for
* legal reasons.
*/
if (typeof deconcept == "undefined") {
var deconcept = new Object();
}
if (typeof deconcept.util == "undefined") {
deconcept.util = new Object();
}
if (typeof deconcept.SWFObjectUtil == "undefined") {
deconcept.SWFObjectUtil = new Object();
}
deconcept.SWFObject = function (_1,id,w,h,_5,c,_7,_8,_9,_a,_b) {
if(!document.createElement||!document.getElementById){
return;
}
this.DETECT_KEY = _b?_b:"detectflash";
this.skipDetect = deconcept.util.getRequestParameter(this.DETECT_KEY);
this.params = new Object();
this.variables = new Object();
this.attributes = new Array();
if (_1) {
this.setAttribute("swf",_1);
}
if (id) {
this.setAttribute("id",id);
}
if (w) {
this.setAttribute("width",w);
}
if (h) {
this.setAttribute("height",h);
}
if (_5) {
this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));
}
this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion(this.getAttribute("version"),_7);
if (c) {
this.addParam("bgcolor",c);
}
this.addParam("wMode","transparent");
var q=_8?_8:"high";
this.addParam("quality",q);
this.setAttribute("useExpressInstall",_7);
this.setAttribute("doExpressInstall",false);
var _d=(_9)?_9:window.location;
this.setAttribute("xiRedirectUrl",_d);
this.setAttribute("redirectUrl","");
if (_a) {
this.setAttribute("redirectUrl",_a);
}
};
deconcept.SWFObject.prototype = {
setAttribute:function(_e,_f) {
this.attributes[_e] = _f;
},
getAttribute:function(_10) {
return this.attributes[_10];
},
addParam:function(_11,_12) {
this.params[_11]=_12;
},
getParams:function() {
return this.params;
},
addVariable:function(_13,_14) {
this.variables[_13]=_14;
},
getVariable:function(_15) {
return this.variables[_15];
},
getVariables:function() {
return this.variables;
},
getVariablePairs:function() {
var _16=new Array();
var key;
var _18=this.getVariables();
for(key in _18){
_16.push(key+"="+_18[key]);
}
return _16;
},
getSWFHTML:function() {
var _19="";
if (navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length) {
if (this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType","PlugIn");
}
_19="<embed type='"application/x-shockwave-flash'" src='""+this.getAttribute("swf")+"'" width='""+this.getAttribute("width")+"'" height='""+this.getAttribute("height")+"'"";
_19+=" id='""+this.getAttribute("id")+"'" name='""+this.getAttribute("id")+"'" ";
var _1a=this.getParams();
for (var key in _1a) {
_19+=[key]+"='""+_1a[key]+"'" ";
}
var _1c = this.getVariablePairs().join("&");
if (_1c.length>0) {
_19+="flashvars='""+_1c+"'"";
}
_19+="/>";
} else {
if (this.getAttribute("doExpressInstall")) {
this.addVariable("MMplayerType","ActiveX");
}
_19="<object id='""+this.getAttribute("id")+"'" classid='"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'" width='""+this.getAttribute("width")+"'" height='""+this.getAttribute("height")+"'">";
_19+="<param name='"movie'" value='""+this.getAttribute("swf")+"'" />";
var _1d=this.getParams();
for (var key in _1d) {
_19+="<param name='""+key+"'" value='""+_1d[key]+"'" />";
}
var _1f=this.getVariablePairs().join("&");
if (_1f.length>0) {
_19+="<param name='"flashvars'" value='""+_1f+"'" />";
}
_19+="</object>";
}
return _19;
},
write:function(_20) {
if (this.getAttribute("useExpressInstall"))
{
var _21=new deconcept.PlayerVersion([6,0,65]);
if (this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version")))
{
this.setAttribute("doExpressInstall",true);
this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));
document.title=document.title.slice(0,47)+" - Flash Player Installation";
this.addVariable("MMdoctitle",document.title);
}
}
if (this.skipDetect || this.getAttribute("doExpressInstall") || this.installedVer.versionIsValid(this.getAttribute("version")))
{
var n=(typeof _20=="string")?document.getElementById(_20):_20;
n.innerHTML=this.getSWFHTML();
return true;
}
else
{
if(this.getAttribute("redirectUrl")!="")
{
document.location.replace(this.getAttribute("redirectUrl"));
}
}
return false;
}
};
deconcept.SWFObjectUtil.getPlayerVersion = function (_23,_24) {
var _25=new deconcept.PlayerVersion([0,0,0]);
if (navigator.plugins&&navigator.mimeTypes.length) {
var x=navigator.plugins["Shockwave Flash"];
if (x&&x.description) {
_25=new deconcept.PlayerVersion(x.description.replace(/([a-z]|[A-Z]|'s)+/,"").replace(/('s+r|'s+b[0-9]+)/,".").split("."));
}
} else {
try{
var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
for(var i=3;axo!=null;i++) {
axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+i);
_25=new deconcept.PlayerVersion([i,0,0]);
}
} catch(e) {}
if(_23&&_25.major>_23.major) {
return _25;
}
if (!_23||((_23.minor!=0||_23.rev!=0)&&_25.major==_23.major)||_25.major!=6||_24) {
try {
_25=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));
} catch(e) {}
}
}
return _25;
};
deconcept.PlayerVersion = function(_29) {
this.major=parseInt(_29[0])!= null?parseInt(_29[0]):0;
this.minor=parseInt(_29[1])||0;
this.rev=parseInt(_29[2])||0;
};
deconcept.PlayerVersion.prototype.versionIsValid=function(fv) {
if(this.major<fv.major){return false;}
if(this.major>fv.major){return true;}
if(this.minor<fv.minor){return false;}
if(this.minor>fv.minor){return true;}
if(this.rev<fv.rev){return false;}
return true;
};
deconcept.util = {
getRequestParameter:function(_2b) {
var q = document.location.search || document.location.hash;
if (q) {
var _2d = q.indexOf(_2b+"=");
var _2e = (q.indexOf("&",_2d)>-1)?q.indexOf("&",_2d):q.length;
if (q.length>1&&_2d>-1) {
return q.substring(q.indexOf("=",_2d)+1,_2e);
}
}
return "";
}
};
if (Array.prototype.push==null) {
Array.prototype.push=function(_2f) {
this[this.length]=_2f;
return this.length;
};
}
var getQueryParamValue=deconcept.util.getRequestParameter;
var FlashObject=deconcept.SWFObject; // for backwards compatibility
var SWFObject=deconcept.SWFObject;
与此问题类似
Flash Player为SWF公开了一个PercentLoaded属性,您可以在SWF加载时轮询该属性。一旦它报告100%,你可以操纵你的DOM(如隐藏图像),你在你的问题中描述。请注意,您不能完全隐藏SWF(掩码或移出屏幕),因为这将阻止某些浏览器加载SWF。
几年前我写了一个使用SWFObject轮询PercentLoaded的教程。它使用SWFObject 2。它的语法与1.4完全不同。顺便说一句,SWFObject 1.4真的很老了,而且有很多bug。我建议使用SWFObject 2.3 beta版