CSS中的video是一个非常有用的功能，可以让我们在网站上播放视频。

首先，在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();
}
});

上面这段代码中，我们监听了视频的点击事件，如果视频当前暂停，则播放视频，否则暂停视频。

通过以上步骤，我们就可以在网站上添加一个自定义的视频播放器了。