swfobject嵌入youtube弹性视频高度问题

时间:2012-12-16 16:44:50

标签: javascript html css flash

我无法使用youtube弹性嵌入视频。我或多或少地尝试了我能想到的一切,并且我已经没有想法了。

如下面的代码所示,我有2个带有2个不同id的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" } );

1 个答案:

答案 0 :(得分:1)

试试这个CSS:

#video-display {
   height: 100%;
}

代替自动;