视频热点

将要

我正在尝试在<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>

你知道有没有可能

谢谢!:)

将要

我只是改变了方法,并使用以下方法解决了问题:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章