视频热点

Question

我试图在<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>

你知道这是否可能吗？

谢谢！:)

Answer 1

我只是改变了我的方法，用以下方法解决了这个问题：

1. 我在代码中添加了一个div，并使用了onTouch()事件： <div class="overlay" ng-click="onTouch()" />
2. 我在“overlay”类中使用了下面的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; }