在 HTML 中設(shè)置熱區(qū)可以讓用戶通過點擊圖片的不同部分進行不同的操作。熱區(qū)通常用于圖片地圖或者是將圖片分割成多個部分。今天，我們將介紹如何使用 HTML 來設(shè)置熱區(qū)視頻。

<video width="640" height="360" controls>
 <source src="example.mp4" type="video/mp4">
 </video>

以上是一個基本的 HTML 視頻標簽，其中 "example.mp4" 是視頻的文件名。如果需要為視頻添加熱區(qū)，需要使用"map"標簽和"area"標簽。

<map name="hotspot">
 <area shape="rect" coords="0,0,320,180" href="video1.html" target="_blank">
 <area shape="rect" coords="320,0,640,180" href="video2.html" target="_blank">
 </map>

上面的代碼創(chuàng)建了一個名為 "hotspot" 的熱區(qū)，并且將圖片分成了兩個部分。每個區(qū)域都用"shape"來指定形狀，"coords"來指定熱區(qū)的坐標，"href"來指定用戶點擊后打開的鏈接地址，"target"來指定打開鏈接的方式。

<img src="example.jpg" alt="example" usemap="#hotspot">

最后，將圖片與熱區(qū)聯(lián)系起來，只需要在 "img" 標簽中使用 "usemap" 屬性，并指向剛剛創(chuàng)建的熱區(qū)名稱即可。

現(xiàn)在，用戶點擊不同的熱區(qū)就可以在同一個視頻頁面中執(zhí)行不同的操作了。希望本篇文章能對你有所幫助！