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

首先，在HTML中，我们需要添加以下代码：

<video controls><source src="/post/your_video.mp4" type="video/mp4"><source src="/post/your_video.webm" type="video/webm"><source src="/post/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();}});

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

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