javascript - 如何使Flash影片与div宽度成比例缩放？

Question

我整理了一个example page detailing my problem

我的网站将有一个主包装器，该包装器设置为兼容浏览器的最大宽度属性。其最大宽度将延伸至 940 像素。当缩小时，我希望 swf 能够与其成比例地缩放。就像应用了宽度百分比的图像一样。 Flash影片的尺寸为940×360像素。

我似乎无法找出添加到嵌入标记以使其执行此操作的正确属性。

我目前正在使用 jquery flash embed，但我对其他选项持开放态度，尽管这是我的理想。

在示例中，我将闪光灯背景设置为黑色。

调整浏览器窗口大小时，Flash 影片不会与 div 成比例缩放，只有照片会缩放，留下空白 Canvas (黑色)，而 div 高度保持不变。我无法在 CSS 中添加高度值。

如何正确制作这个秤？添加 noscale 参数只会裁剪图像。 swf 的高度也不会缩放。

我的所有代码都可以在 linked examples source 中查看.

Answer 1

感谢 George Profenza 给我所有的 ActionScript 代码。闪烁太多，我对 ActionScript 不够熟悉，不知道如何解决它。不过，将这么多内容放在一起是很重要的。

我使用 jquery 创建了一个解决方案。非常简单。

首先，我为禁用 CSS 的用户嵌入了具有最大可能高度的 Flash 影片。它仍然会随着宽度缩放，但会显示 Canvas 背景，如链接的示例中所示。

$(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);
});

然后，随着浏览器窗口大小的调整，电影的大小也会随之调整，并根据新宽度除以原始宽高比来计算高度。这段代码可以清理很多，但我希望它可以帮助其他人避免数小时的烦恼。