缩放 HTML5 嵌入 swf 以适应 div 尺寸

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 文件适合这个尺寸，但比例不符合我的要求。我还尝试了 width=100% 和 height=100% 但是使 swf 文件获得所有 space 并且当有字母出现在场景之外时它们是可见的。

一个想法是使用 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 尺寸

Scale HTML5 embed swf to fit in div dimensions

html

javascript

embed

flash