javascript - swfobject嵌入youtube flex 视频高度问题

Question

我在制作来自 YouTube 的嵌入式视频时遇到了问题。我或多或少地尝试了我能想到的一切，但我的想法已经用完了。

正如下面的代码所示，我有 2 个带有 2 个不同 id 的 html block 标记，我将视频放在最后，即占位符。我尝试了以下建议的宽度和高度技巧:http://webdesignerwall.com/tutorials/css-elastic-videos

但到目前为止都没有奏效。

它的宽度会变得有 flex ，但高度会随之变化。所以就其 flex 而言，但仅限于宽度:I

任何人都知道解决方案，我错过了什么？ :)

        //create video area
        var $videoDisplay = $('<section id="video-display"></div>');
        var $videoPlaceholder = $('<div id="video-placeholder"></div>');

        $videoDisplay.insertAfter('#title-search-container');
        $videoDisplay.append($videoPlaceholder);

        $("#area").html($videoDisplay);


        //embed player
        swfobject.embedSWF('http://www.youtube.com/e/' + id + '?enablejsapi=1&playerapiid=ytplayer', 
        'video-placeholder', '100%', '100%', '9.0.0', null, null, { allowScriptAccess: "always" }, 
        { id: "myyoutubeplayer" } );

Answer 1

试试这个 CSS:

#video-display {
   height: 100%;
}

改为自动；