Flash文件显示的大小不正确,应该是响应式的

时间:2014-04-10 01:53:20

标签: html css flash responsive-design embed

我在一个在iframe中显示的HTML页面中嵌入了两个Flash文件。我需要SWF文件响应和缩放,因为窗口变小。我将宽度和高度都设为100%,顶部Flash文件正确显示,但不是底部。这是我最近的努力:

http://capitolmuseum.sacautos.com/education/kids-zone

以下是我用来嵌入Flash文件的代码:

<object type="application/x-shockwave-flash" data="/images/main_nav.swf" width="100%" height="100%">
<param name="movie" value="/images/main_nav.swf" />
<param name="quality" value="high"/>
</object>

<span id="kids-zone-flash">
<object type="application/x-shockwave-flash" data="/images/kids_home_flash.swf" width="100%" height="100%">
<param name="movie" value="/images/kids_home_flash.swf" />
<param name="quality" value="high"/>
</object>
</span>

我在第二个附加了一个CSS span标签,因为那是不合作并显示正确尺寸的标签。这是那个的CSS:

#kids-zone-flash {
   vertical-align:top;  
   position: relative;
   width: 100%;
   height: 0;
   padding-top: 0;
   padding-bottom: 94.12%;  
}

我通常不使用Flash文件,因此我不明白为什么第二个不会以100%显示。我反编译了两个Flash文件并查看了代码,它们的显示尺寸都以像素为单位。我无法通过CSS来解决问题。我还能做些什么来使第二个Flash文件的行为和显示为100%?

谢谢, 克里斯汀

0 个答案:

没有答案