我正在尝试在 <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>
你知道这是否可能吗?
谢谢! :)
最佳答案
我只是改变了我的方法并使用这个解决了问题:
我在我的代码中使用我的 onTouch() 事件添加了一个 div:
<div class="overlay" ng-click="onTouch()" />
我为“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; }
关于html - 视频热点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28616912/