在網頁設計中，除了圖片和動畫，通常還需要加入一些文字內容來說明或介紹產品、服務或其他信息。在CSS中，通過video標簽可以輕松地加入視頻。但是如何在視頻中顯示文本內容呢？ 首先我們需要在視頻上疊加一層透明的圖層，然后在這個圖層上添加文字。這個圖層可以使用CSS中的偽元素 ::before 或 ::after 來實現，它們是在元素前或后添加某些內容的方式。例如，下面的代碼可以讓視頻上方出現一行白色文字： ```css video::before { content: "這是視頻文字內容"; color: white; position: absolute; top: 10px; left: 10px; } ``` 在上面的代碼中，我們使用了偽元素 ::before，在它的 content 屬性中添加了要顯示的文本內容。color 屬性設置文本的顏色，position 屬性指定文本位置的定位方式，top 和 left 屬性則指定文本距離視頻的距離。 如果需要顯示多行文字，我們可以在 content 屬性中使用換行符 \a 來分隔每一行，例如： ```css video::before { content: "這是視頻文字內容1\a這是視頻文字內容2\a這是視頻文字內容3"; color: white; position: absolute; top: 10px; left: 10px; } ``` 需要注意的是，偽元素的內容不會出現在頁面源代碼中，這是因為它們是通過CSS動態生成的。 以上就是在CSS視頻中添加文本內容的方法，我們可以通過調整文本的顏色、位置和大小等屬性來實現不同的效果。