我无法使用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" } );
答案 0 :(得分:1)
试试这个CSS:
#video-display {
height: 100%;
}
代替自动;