我正在尝试在<video> HTML 5标记中创建热点。我知道可以在<img>元素中执行此操作。出于某种原因，它不适用于视频。
这里我有一个代码示例：
<video ng-src="/some-path" type='video/mp4' autoplay loop usemap="#myArea" />
<map name="myArea">
<area shape="rect" coords="0, 0, 768, 1024" ng-click="onTouch()">
</map>
你知道这是否可能？
谢谢！ ：）
答案 0 :(得分：0)
我刚刚改变了我的方法并用这个解决了问题：
我在我的代码中添加了一个div，其中包含onTouch（）事件：
<div class="overlay" ng-click="onTouch()" />
我使用了以下CSS作为“叠加”类：
.overlay {
position: absolute;
top: 900px;
height: 90px;
left: 30px;
color: #FFF;
text-align: center;
font-size: 20px;
background-color: transparent;
width: 305px;
padding: 10px 0;
z-index: 2147483647;
}