Hotspot on video

Question

Я пытаюсь создать точку доступа в теге HTML 5 <video>. Я знаю, что это можно сделать в <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. Я использовал последующие 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; }