javascript - swfobject埋め込みYouTube弾性ビデオの高さの問題

Question

YouTube から埋め込まれた動画をエラスティックにするのに問題があります。考えられることは多かれ少なかれすべて試しましたが、アイデアが不足しています。

以下のコードに示すように、2 つの異なる ID を持つ 2 つの html ブロッ​​ク タグがあり、最後にビデオをプレースホルダーに挿入します。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%;
}

代わりに自動;