如何將我的YouTube視頻放在同一行上？

我想將我的兩個YouTube視頻放在同一行。我嘗試調整iframe並創建一個包裝器，但它看起來並不像我瞄準正確的事情。我不確定我出錯的地方。這裏是我的JFiddle：https://jsfiddle.net/6a73m27n/如何將我的YouTube視頻放在同一行上？

.content { 
 
    margin-top: 15px; 
 
} 
 

 
iframe { 
 
    float: left; 
 
}

<div class="video_wrapper"> 
 
    <iframe width="400" height="200" src="https://www.youtube.com/embed/3S_dmC2soik" frameborder="0" allowfullscreen></iframe> 
 
    <iframe width="400" height="300" src="https://www.youtube.com/embed/bdGhmMzj4uE" frameborder="0" allowfullscreen></iframe> 
 
</div>

來源

2016-05-13 dancemc15

我很抱歉，但我不知道你所說的「線」的意思。你想讓他們堆疊在一起嗎？ –

您的代碼可以正常工作，只要確保它們都適合*在同一行上即可。你需要至少800px的寬度來包裝來完成這個。 – Chris

如果你想要兩個視頻旁邊的eachother（正好兩個），你必須把'寬度：50％''iframe' –

只是提個視頻的寬度，如下圖所示：

<div class="video_wrapper"> 
 

 
<iframe width="40%" height="200" src="https://www.youtube.com/embed/3S_dmC2soik" frameborder="0" allowfullscreen></iframe> 
 
<iframe width="40%" height="200" src="https://www.youtube.com/embed/bdGhmMzj4uE" frameborder="0" allowfullscreen></iframe>

來源

2016-05-13 18:47:50

，如果您有它的實際工作足夠的寬度爲他們在一條線上。儘管如此，我建議你把這個造型的IFRAME，而不是：

iframe { 
    display: inline-block; 
    vertical-align: top; /* or middle, bottom, baseline by your preference */ 
}

來源

2016-05-13 18:51:04 Siavas

如何將我的YouTube視頻放在同一行上？

回答

相關問題