JQuery手风琴:使用YouTube嵌入对象破坏布局

时间:2014-10-27 01:32:46

标签: jquery html accordion

我正在使用标准的jQuery UI Accordion。

我的一个窗格包含嵌入的YouTube视频,该视频使用“embed”标记定义。它打破了下一个窗格的流程:它们没有为嵌入的视频腾出空间。如果有空格,则下一个窗格将从那里开始。

这是一个显示问题的JFiddle(但出于某种原因,YouTube视频在那里不可见)。

http://jsfiddle.net/r4pf1n5y/

Embed标签位于Pane#2中并定义为

<embed align="left" 
width="420" height="345"
src="https://www.youtube.com/v/WBgwuFM92i4"
type="application/x-shockwave-flash">
</embed>

窗格3应从视频下方开始,标题应与所有其余标题左对齐。

此外,还有更好的方法来嵌入YouTube视频吗?

1 个答案:

答案 0 :(得分:1)

添加一个div&#34; clear:both&#34;在包含YouTube嵌入式视频的div之前的样式,以防止窗格2出现在窗格2的侧面。

<div style="clear:both"></div>

http://jsfiddle.net/r4pf1n5y/4/

您可以在CSS clear property

中详细了解clear属性