今天我來介紹一下如何在網(wǎng)頁中插入視頻。在HTML中，我們可以使用視頻標(biāo)簽來插入視頻，而在CSS中，我們可以使用div來控制視頻的樣式和布局。 首先，我們需要在HTML中創(chuàng)建視頻標(biāo)簽，并為其設(shè)置一個id，如下所示：

<video id="my-video" src="video.mp4"></video>

接下來，我們需要使用CSS來控制視頻的樣式和布局。我們可以使用div來包裹視頻標(biāo)簽，并為div設(shè)置樣式。例如，我們可以設(shè)置div的寬度和高度，以及視頻的邊框和背景顏色，如下所示：

<div id="my-video-container">
<video id="my-video" src="video.mp4"></video>
</div>
下面是CSS代碼：
<style>
#my-video-container{
width: 500px;
height: 300px;
background-color: #333;
border: 1px solid #ccc;
}
#my-video{
width: 100%;
height: 100%;
}
</style>

最后，我們需要在JavaScript中為視頻標(biāo)簽添加播放控制。我們可以通過getElementById方法獲取視頻標(biāo)簽，然后使用play方法播放視頻。如下所示：

<script>
var video = document.getElementById("my-video");
video.play();
</script>

總之，使用div和CSS可以很容易地控制視頻的樣式和布局。同時，JavaScript可以為視頻標(biāo)簽添加播放控制，讓我們的網(wǎng)頁更加生動和豐富。