我想用css來控制視頻標籤的寬度和高度

Question

這是我目前爲止的結果。 link

我設置視頻標籤的寬度和高度都是100％。 但在網頁上我發現視頻標籤大於100％。

我不知道它爲什麼會變成？

Answer 1

試試這個CSS的響應式視頻。您需要創建一個容器，然後運行在一個子元素的視頻（如一個iframe）：

.video-container { 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 30px; 
height: 0; 
overflow: hidden; 
} 
.video-container iframe { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
} 

好的教程HERE