swfobject嵌入youtube彈性視頻高度問題

Question

Im有困難使我的嵌入式視頻從youtube彈性。我嘗試了或多或少都能想到的一切，並且即將用盡想法。

由於代碼顯示下面我有2個html塊標記與2個不同的id's我把視頻int他最後，佔位符。我試過的寬度和高度的技巧建議：http://webdesignerwall.com/tutorials/css-elastic-videos

但迄今沒有工作。

它會在寬度上彈性，但高度劑量隨後。所以就其彈性而言，只有在寬度方面：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%; 
} 

，而不是汽車;