視頻是現(xiàn)代人日常生活中常見的娛樂(lè)方式，為了吸引更多用戶注意力，讓視頻更具有吸引力，我們可以在視頻上添加封面。

要在視頻上添加封面，需要使用CSS。以下是一個(gè)簡(jiǎn)單的例子：

.video-container {
position: relative;
display: inline-block;
}
.video-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('video-cover.jpg') no-repeat;
background-size: cover;
z-index: 1;
}
.video-frame {
position: relative;
z-index: 2;
}

首先，將視頻與封面嵌套在一個(gè)容器中。這可以使用一個(gè)具有“position: relative”的div來(lái)完成。在其中添加視頻標(biāo)簽，如video或iframe。

為了將封面添加到視頻上，需要使用另一個(gè)具有“position: absolute”的div。將其命名為“video-cover”。將其定位到容器的左上角，并設(shè)置“width”和“height”的值為100%，以覆蓋整個(gè)視頻。在此div上設(shè)置背景圖像，即封面圖像。使用“background-size: cover”確保圖像填滿該div并保持縱橫比。最后，將該div的z-index設(shè)置為1，以便它覆蓋在視頻上方。

最后，您必須在視頻框架上設(shè)置z-index樣式，以便視頻覆蓋封面。我們將在具有“position：relative”的視頻標(biāo)記上設(shè)置它，并將值設(shè)置為2。

這就是如何使用CSS添加視頻封面的簡(jiǎn)單示例。您可以根據(jù)需要進(jìn)行調(diào)整，并將它們應(yīng)用于您的網(wǎng)站。