將HTML5視頻標籤中的電影映射到模式

Question

我有一部電影正在我想要映射的網站上播放（如圖像），以便我可以讓人們點擊電影標籤的某個區域可以這麼說。我已經基本完成了它如何在2005年以前用於映射地圖的方式，但它並沒有被淘汰出局。有沒有人給過這個嘗試呢？

<div usemap="#myMap"> 
<video width="895" height="495" controls> 
    <source src="someMovie.webm" type="video/webm" loop="loop"> 
</video> 
<map name="myMap"> 
<area shape="rect" coords="some coordinates here" href="myAddress"> </aread> 
</map> 

我的按鈕即可對我說，在地圖標記已被棄用.....所以沒有人知道現在該怎麼做呢？

Answer 1

我根本不是這方面的專家，但你應該能夠通過放置一個div包裹在<video>標籤的父DIV的<a>標籤，並用它定位在<video>元素的前做到這一點CSS - 沿着「position: absolute; z-index: 1; margin: {some_values};」的方向。

例如：http://jsfiddle.net/a8atS/2/