HTML5的video元素可以很容易地在網頁上播放視頻。但是，如果要給視頻添加一些樣式，就需要使用CSS來進行設置。 首先，我們可以使用CSS選擇器來選擇video元素。例如，如果我們想給所有的video元素添加一些共同的樣式，我們可以這樣設置：

video {
width: 100%;
height: auto;
display: block;
}

上面的代碼會將所有的video元素寬度設置為100%，高度自適應，并且將其顯示方式設置為塊級元素。這樣，我們就能夠在網頁上完整地顯示視頻，并且讓它們自動適應網頁的大小。 另外，我們可以使用偽元素來在視頻上添加一些遮罩和文本。下面的代碼可以設置一個覆蓋在視頻上的黑色遮罩，并且在遮罩上添加一些文本：

video::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
video::after {
content: "這是一個演示視頻";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 24px;
font-weight: bold;
z-index: 2;
}

上面的代碼會在視頻上面添加一個黑色的遮罩，并且在遮罩上面添加一個白色的文本。我們可以通過調整偽元素的樣式來修改遮罩和文本的樣式和位置。 總的來說，使用CSS對HTML5 video進行樣式設置非常簡單和靈活。我們可以根據自己的需求和網頁的設計來設置視頻的樣式，并且讓視頻融入到整個網頁中。