html - 将 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 中放置一个div包装在标签中并使用 CSS 将其定位在元素前面来实现这一点——类似于“ ”。<a><video><video>position: absolute; z-index: 1; margin: {some_values};

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