我创建了一个详细展示我的问题的示例页面
我的网站将有一个主包装器，针对兼容浏览器设置了max-width属性。它将在最大情况下伸展到940像素。当缩小比例时，我希望swf能够与其成比例地缩放。就像应用了宽度百分比的图像一样。Flash电影的尺寸为940×360像素。
我无法找出正确的属性添加到嵌入标记中使其实现此目的。
我目前正在使用jquery flash embed，但是也可以考虑其他选项，虽然这是我理想的方案。
在示例中，我将flash背景设置为黑色。
当调整浏览器窗口大小时，flash电影不会按比例缩放到div上，只有照片会按比例缩放，留下一个空白画布（黑色），而div的高度保持不变。我不能在CSS中添加高度值。
如何使它正确缩放？添加noscale参数仅裁剪图像。 swf的高度也不会缩放。
您可以在链接的示例源代码中查看我的所有代码。
$(selector).flash({
src: swf,
width: '100%',
height: '360',
});
//get ratio from native width and height
var nativeWidth = 940;
var nativeHeight = 360;
var ratio = nativeWidth/nativeHeight;
var containerWidth = $(selector).width();
var containerHeight = containerWidth/ratio;
$(selector+' embed').height(containerHeight);
//resize flash movie
$(window).resize(function() {
containerWidth = $(selector).width();
containerHeight = containerWidth/ratio;
$(selector+' embed', selector+' object').height(containerHeight);
$(selector).height(containerHeight);
});
当浏览器窗口大小改变时，需要将视频的大小调整为适应新的窗口大小，并根据原始宽高比计算新的高度。虽然这段代码可以进行大量的优化，但我希望它能帮助其他人避免数小时的烦恼。
本文将涵盖您需要的内容：http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/。这是纯CSS实现的！
我有几个想法，从使用ExternalInterface从javascript调用actionscript函数，到传递FlashVars到swf以让swf知道div的大小，再到一个更简单的想法。
以下是我的想法。
将1个MovieClip作为背景，1个MoveClip包含头部。
我认为你最好选择你的示例中的“这是顶部的flash电影”选项。最好设置：
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.scaleMode = StageScaleMode.SHOW_ALL;
这个想法是让内容按比例缩放。
然后，您需要添加一个事件监听器来监听调整大小的事件，并缩放/重绘背景。
stage.addEventListener(Event.RESIZE, stageResizeHandler);
function stageResizeHandler(event:Event = null):void{
//assuming your background is called "background"
background.width = stage.stageWidth;
background.height = stage.stageHeight;
//if content needs recentering, assuming "content" is the name used
content.x = (stage.stageWidth - content.width) * .5;
content.y = (stage.stageHeight - content.height * .5;
}
我已经为事件处理程序参数设置了一个默认值，因此您可以在不触发事件的情况下调用该函数。
例如：
stageResizeHandler();
替代
stage.dispatchEvent(new Event(Event.RESIZE));
你可能需要在初始化时调用该函数，不确定。
另外，您需要根据舞台的大小按比例调整内容的大小。以下是我测试过的一些代码：
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, stageResizeHandler);
stageResizeHandler();
function stageResizeHandler(event:Event = null):void{
//resize bg
bg.width = stage.stageWidth;
bg.height = stage.stageHeight;
//scale proportionally
if(content.width > stage.stageWidth || content.height > stage.stageHeight){
var ratio:Number = getRatio(content);
if(stage.stageWidth > stage.stageHeight){
content.height = stage.stageHeight;
content.width = content.height * ratio;
}else
if(stage.stageWidth < stage.stageHeight){
content.width = stage.stageWidth;
content.height = content.width / ratio;
}
}else {
content.scaleX = content.scaleY = 1;
}
//centre
content.x = (stage.stageWidth - content.width) * .5;
content.y = (stage.stageHeight - content.height) * .5;
}
function getRatio(target:MovieClip):Number{
var ratio:Number;
target.width > target.height ? ratio = (target.width / target.height) : ratio = (target.height / target.width);
return ratio;
}
很不幸，我注意到在某些尺寸下会出现闪烁。我猜测这是由于缩放和比例变化频繁导致的。