Html 视频热点

Html 视频热点,html,Html,我正在尝试在HTML5标记中创建一个热点。我知道在 你知道有没有可能吗 谢谢!:) 我刚刚改变了我的方法,并使用以下方法解决了问题: 我在代码中添加了一个div,其中包含onTouch()事件: 我对“overlay”类使用了以下CSS: .overlay{ 位置:绝对位置; 顶部:900px; 高度:90px; 左:30px; 颜色:#FFF; 文本对齐:居中; 字体大小:20px; 背景色:透明; 宽度:305px; 填充:10px0; z指数:2147483647; } 这也是我解决这

我正在尝试在
HTML5标记中创建一个热点。我知道在

你知道有没有可能吗


谢谢!:)

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

  • 我在代码中添加了一个div,其中包含onTouch()事件:

  • 我对“overlay”类使用了以下CSS:

    .overlay{
    位置:绝对位置;
    顶部:900px;
    高度:90px;
    左:30px;
    颜色:#FFF;
    文本对齐:居中;
    字体大小:20px;
    背景色:透明;
    宽度:305px;
    填充:10px0;
    z指数:2147483647;
    }


  • 这也是我解决这个问题的方法,但如果有办法使用实际的热点,那就太好了,因为div在浏览器和设备之间的行为可能会有所不同。
    <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>