SWF全宽响应

时间:2015-04-23 10:01:58

标签: css flash

我试图以全宽度嵌入SWF文件。当你调整窗口大小时,swf应按比例调整大小。我不知道为什么,但我没有让它工作......

这是我的最后一次尝试:



<!DOCTYPE html>
<html>
<head>
    <title>Untitled Document</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; height=device-height;">
    
    <style>

    </style>
</head>
<body marginwidth="0" marginheight="0">

   
<embed width="100%" height="100%" name="plugin" src="ePaper.swf" type="application/x-shockwave-flash">

        
</body>
</html>
&#13;
&#13;
&#13;

ePaper只是以迷你格式显示......

希望你不能帮助我...

感谢。

1 个答案:

答案 0 :(得分:0)

您基本上想要为SWF创建容器。将容器的宽度设置为100%,并将padding-top设置为另一个百分比以保持纵横比。对于SWF元素本身,将宽度和高度都设置为100%。

<style ='text/css'>
.swf{
  width:100%;
  padding-top:59%;
  position:relative;
}

.swf object{
  position:absolute;
  toP:0;
  left:0;
  bottom:0;
  right:0;
}
</style>

<div class='swf'>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="mySWF" width="100%" height="100%">
            <param name="movie" value="http://tubeline.ca/fsh/tubeline_sileageHowAndWhy.swf" />
            <object type="application/x-shockwave-flash" data="http://tubeline.ca/fsh/tubeline_sileageHowAndWhy.swf" width="100%" height="100%">
            </object>
        </object>
</div>

Working sample here

相关问题