CSS中的video是一個非常有用的功能，可以讓我們在網(wǎng)站上播放視頻。

首先，在HTML中，我們需要添加以下代碼：

<video controls>
<source src="your_video.mp4" type="video/mp4">
<source src="your_video.webm" type="video/webm">
<source src="your_video.ogv" type="video/ogg">
</video>

上面這段代碼告訴瀏覽器我們要添加一個視頻，同時告訴瀏覽器有哪些視頻格式可以使用。其中，controls屬性可以讓瀏覽器顯示視頻控制條，用戶可以通過控制條控制視頻的播放進度。

接下來，我們需要使用CSS樣式來控制視頻的外觀和行為：

video {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
video:hover {
cursor: pointer;
}
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-pause-button,
video::-webkit-media-controls-volume-slider {
display: none !important;
}

上面這段代碼中，我們定義了視頻的尺寸、布局和鼠標懸停時的效果，同時隱藏了瀏覽器的默認視頻控件。

最后，我們需要使用JavaScript來控制視頻的播放和暫停：

var video = document.querySelector('video');
video.addEventListener('click', function() {
if (video.paused) {
video.play();
} else {
video.pause();
}
});

上面這段代碼中，我們監(jiān)聽了視頻的點擊事件，如果視頻當前暫停，則播放視頻，否則暫停視頻。

通過以上步驟，我們就可以在網(wǎng)站上添加一個自定義的視頻播放器了。