在網頁設計中，我們通常要往網頁中插入視頻，在視頻中顯示文字讓網頁更加生動。今天我們來講一下如何在CSS中引入視頻中的文字。

.video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9比例 */
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
color: #fff;
text-shadow: 1px 1px #000;
}

上面是一個CSS樣式代碼，其中的.video類是用來控制視頻位置大小的。我們先在HTML中引入一個視頻：

<div class="video">
<iframe src="http://player.youku.com/embed/XMzU4NTQ2NzY4NA==" frameborder=0 allowfullscreen></iframe>
<p>這是視頻中的文字</p>
</div>

在CSS中，我們使用absolute屬性來使視頻和文字都可以固定在div中的某個位置，而top和left屬性則是用來定位的。在這個例子中，我們把文字放在了視頻正中間。

通過上述的代碼，我們可以很方便地控制視頻和文字在網頁中的位置和大小，讓網頁更加美觀生動。