javascript - 如何使用 swfObject 和 Spark 嵌入宽度和高度为 100% 的 swf？

Question

我使用 swfObject 并使用 100% 的宽度和高度值嵌入我的对象。我的外部 div 的宽度和高度设置为 500。

但是我的 swf 只占据 100% 的宽度，而不是高度。

html/javascript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<script type="text/javascript">
var currentVid;

$(document).ready(function(){
    //This parameter will name the file
    callRecorder("test001");
});




function callRecorder(x){
    currentVid = x;
    var flashvars = {};
    flashvars.fileName=x;
    var parameters = {};
    var attributes = {};
    attributes.name="vidRecorder";
    attributes.id="vidRecorder";

    swfobject.embedSWF("recorder.swf?ID="+Math.random()*100,"vidRecorderDIV","100%","100%","11.2", "expressInstall.swf", flashvars, parameters, attributes);    
}


</script>

ActionScript /spark

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               width="100%" height="100%" creationComplete="getService()" skinClass="mySkin" frameRate="60" >

///

stage.scaleMode = StageScaleMode.EXACT_FIT;

Answer 1

这是嵌入 SWF 时的常见问题。要使 SWF 填充 HTML 元素 100% 高度，请确保父容器具有在 CSS 中显式声明的高度:

/* the parent of the vidRecorderDIV. I don't 
   know what the name is so I guessed 
   vidRecorderDIVparent. Replace with the 
   selector of the true parent element */

#vidRecorderDIVparent { 
  height: 500px;
  margin: 0;
  padding: 0;
}

#vidRecorderDIV {
  height: 100%;
}

如果您的 SWF 是页面上唯一的内容，请确保 body 和 html 的高度设置为 100%，没有内边距或边距:

html {
  height: 100%;
  overflow: hidden; /* Hides scrollbar in IE */
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#vidRecorderDIV {
  height: 100%;
}

您可以在http://learnswfobject.com/advanced-topics/100-width-and-height-in-browser/处看到一个功能示例。

另外，请注意 swfobject.embedSWF 已经在 domready 上执行，因此无需包装在 jQuery $(document).ready 中> 函数(离开 jQuery 也没有坏处)。