本篇文章給大家帶來的內容是介紹如何在網站頭部添加視頻海報？添加視頻海報的方法(代碼示例) 。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。

給網站頭部添加視頻海報的代碼：

視頻海報

*{

margin: 0;

padding: 0;

}

#banner{

width: 100%;

height: 500px;

background: purple;

overflow: hidden;

position: relative;

}

#banner video{

width: 100%;

position: relative;

opacity: 0.6; /* 設置透明度 */

}

#banner h2,h4{

position: absolute;

top: 120px;

left: 150px;

width: 100%;

text-align: left;

color: #fff;

line-height: 30px;

}

#banner h2{

top: 80px;

font-size: 40px;

text-decoration: underline;

}

SLOW DOWN

靜下來
攜一縷清風，續一杯清茶
且聽風輕云淡

結果

總結

以上是生活随笔為你收集整理的html视频海报代码,如何在网站头部添加视频海报？添加视频海报的方法（代码示例）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。