適合youtube在網站上嵌入播放列表

-1

我想在網站上的div內嵌入youtube播放列表。這些視頻有各種尺寸。有些視頻在邊上有黑色邊框，頂部有一些黑色邊框。那麼如何設置風格，以便視頻具有一致的大小而沒有黑色邊框。你能指出我的正確的參考。謝謝適合youtube在網站上嵌入播放列表

2015-03-02 user500000

對於您想要嵌入的每個視頻，您應該使用類創建一致的外觀。在以下示例中，創建了一個video-box類，該類可刪除任何邊框，將高度設置爲100px，並將寬度設置爲200px。任何時候您想要獲得這種一致的外觀，請將class="video-box"添加到iframe。

我還包括兩個類，其中包括與顏色的對面邊界。

例

.video-box { 
 
    width: 200px; 
 
    height: 100px; 
 
    border: none; 
 
} 
 
.border-top-bottom { 
 
    border-top: 5px solid yellow; 
 
    border-bottom: 5px solid yellow; 
 
} 
 
.border-left-right { 
 
    border-left: 5px solid yellow; 
 
    border-right: 5px solid yellow; 
 
}

<body> 
 
    <iframe class="video-box border-top-bottom" src="https://www.youtube.com/embed/eU66as4Bbds" allowfullscreen></iframe> 
 
    <iframe class="video-box" src="https://www.youtube.com/embed/eU66as4Bbds" allowfullscreen></iframe> 
 
    <iframe class="video-box border-left-right" src="https://www.youtube.com/embed/eU66as4Bbds" allowfullscreen></iframe> 
 
</body>

來源

2015-03-02 20:03:25

感謝那個，但我以爲會有一個更effecient方式會有很多SWOP和視頻改變的。 – user500000 2015-03-02 20:07:42

這篇文章很舊，但我更新了它。 – 2016-01-15 06:30:46

適合youtube在網站上嵌入播放列表

回答

相關問題