在網頁開發中，我們經常需要在網頁中添加視頻元素來展示各種內容，而<div>元素是一個非常常用的網頁元素，它可以用來創建一個具有特定樣式的容器。使用<div>元素來播放視頻也非常方便，我們只需將視頻的路徑嵌套在<div>標簽內即可。

下面通過幾個代碼案例來詳細說明<div>元素如何播放視頻。

案例1：基本的<div>元素播放視頻

<div>
<video src="video.mp4"></video>
</div>

在這個案例中，我們將視頻文件的路徑作為src屬性的值傳遞給<div>元素內的<video>元素。這樣就可以在<div>元素中播放視頻了。

案例2：添加<div>元素的寬度和高度

<div style="width: 600px; height: 400px;">
<video src="video.mp4"></video>
</div>

在這個案例中，我們通過在<div>元素上添加style屬性，設置寬度和高度來調整視頻播放區域的大小。這樣就可以根據需要自定義視頻播放區域的大小。

案例3：<div>元素嵌套在其他元素內

<div>
<h2>視頻演示</h2>
<p>以下是一個視頻的演示</p>
<div style="width: 600px; height: 400px;">
<video src="video.mp4"></video>
</div>
</div>

在這個案例中，我們將一個<div>元素嵌套在其他元素內。這種方式可以讓網頁內容更加豐富。在這個例子中，我們在一個帶有標題和描述的區域內顯示視頻。

通過以上幾個代碼案例，我們可以看到使用<div>元素播放視頻非常簡單，而且可以根據需要調整播放區域的大小和位置，使得網頁中的視頻展示更加靈活多樣。希望這些例子能幫助你在開發中更好地應用這一功能。