html - 将 HTML5 视频标签内的电影映射到模态

Question

我有一个正在播放的电影，我想映射它(比如图像)，这样我就可以让人们点击电影标签的某个区域，可以这么说。我基本上已经按照我在 2005 年使用图像 map 的方式完成了它，但它并没有成功。有人试过这个吗？

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

我的按钮刚刚告诉我 map 标签已被弃用.....所以现在有人知道该怎么做吗？

Answer 1

我远不是这个领域的专家，但你应该能够通过放置一个 div 来完成这个包裹在 <a> 中<video> 的父 div 中的标签标记并将其定位在 <video> 前面带有 CSS 的元素 - 类似于“position: absolute; z-index: 1; margin: {some_values};”。

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