Css 使用jqueryui.resizeable（）和angularjs的元素布局

我在模板上有这样的元素

div id(stageWrapper) class(mainWrapper)
    div id(swfPanel) class(panel panel-primary)
        div id(swfStage) class(swfWrapper)
            div id(swfObject) class(tf-container) /div
        /div
    /div

    div id(chatPanel) class(panel panel-primary)
        div id(chatWrapper) class(chatWrap) /div
    /div
/div

我正在swfPanel上使用jqueryui库中的Resizeable（），当我将我的fideo加载到tf容器中时，视频将自身调整到一个点

问题是视频最终会比包含的分区高。。。它可以根据高度完美地调整大小，但会垂直调整大小以保持其自身的纵横比

如何使用resizeable（）功能。。。调整swfStage的大小。。。保持视频的纵横比。。。并始终将视频安全舒适地放在家长沙发内