SWF文件做背景时自适应宽高的解决办法

COS、CDN
  • HTML结构

    <div class="swf-box">   <embed id="movie" src="swf文件地址" wmode="transparent" width="100%" height="100%"> </div>
  • CSS样式

    .swf-box {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   z-index: -1; }
  • JavaScript代码

    <script type="text/javascript">   document.getElementById("movie").style.height = document.getElementById("movie").scrollWidth * 0.5 + "px"; </script>
  • 注意事项

    • 计算SWF文件的高度比例,例如宽度1000px,高度500px,比例为50%。
    • 用JavaScript动态设置SWF文件的高度。
    • 现代浏览器可能默认关闭Flash插件,不推荐使用SWF文件作为背景。
COS、CDN
热门