Question

我有以下设置：

<div class="creative">
  <embed src="..." type="application/x-shockwave-flash" scale="showall" wmode="opaque" allowScriptAccess="always" flashvars="..."/>';
</div>

//==== CSS ====
.creative {
width = 325px;
height= 350px }

我希望嵌入的swf文件适合这个尺寸但是缩放不能达到我想要的效果。我也试过宽度= 100％和高度= 100％，但是让swf文件获得所有空间，当有字母出现在场景之外时，它们是可见的。

一个想法是用javascript调整它的大小，但你对html5嵌入的任何属性有任何建议吗？自动执行此操作？

提前致谢！

Answer 1

最后使用js，我使用以下函数根据我希望嵌入元素的容器计算新维度。

/* Calculates the new scaled dimensions
 * srcWidth:  Swf real width
 * srcHeight: Swf real height
 * maxWidth:  Container's width
 * maxHeight: Container's height
 */
function calculateAspectRatioFit (srcWidth, srcHeight, maxWidth, maxHeight) {
    var ratio = Math.min(maxWidth / srcWidth, maxHeight / srcHeight);
    return { width: Math.round(srcWidth*ratio), height: Math.round(srcHeight*ratio) };
};

缩放HTML5嵌入swf以适合div维度

1 个答案: