請問大大們,我想把YOUTUBE影片弄成可以設定大小(電腦網頁版),又能自適應手機版(自動適合手機大小)
搜尋到有網站教學是貼以下的CSS樣式
.video-container
{position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}
.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
然後再貼
< div class=video-container>
< iframe width="640" height="360" src="https://www.youtube.com/embed/mMKonMlPy0k" frameborder="0" allowfullscreen>
< /div>
就完成了
但是我貼樣式的時候 DREAMWERVER 提示我第一行有錯誤,這一行.video-container
請問我到底是哪裡出錯
另問一下那段CSS的樣式 頭尾是嗎?
再請問如果這些寫完,影片置中要加什麼語法?