视频热点

问题描述

我正在尝试在< video> HTML 5标记中创建热点。我知道可以在< img> 元素中执行此操作。出于某种原因，它不适用于视频。

I'm trying to create a hotspot in a <video> HTML 5 tag. I know that it's possible to do it in <img> elements. For some reason, it's not working for videos.

这里我有一个代码示例：

Here I have an example of my code:

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

你知道是否可能吗？

谢谢！ ：）

推荐答案

我刚改变了我的方法并用这个解决了问题：

I just changed my approach and solved the problem using this:

1. 我在我的代码中添加了一个div，我的onTouch（）事件：

1. I've add a div in my code, with my onTouch() event:

< div class =overlayng-click =onTouch（）/>

我用过关注叠加类的CSS：

I used the follow CSS for the "overlay"class:

.overlay {
position：absolute;
top：900px;
身高：90px;剩余
：30px;
颜色：#FFF;
text-align：center;
字体大小：20px;
background-color：transparent;
宽度：305px;
填充：10px 0;
z-index：2147483647;
}

这篇关于视频热点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！