将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/