Я пытаюсь создать простое наложение на элемент видео, который отображает некоторый текст и кнопку.
Однако, когда я пытаюсь добавить такие события, как щелчок мышью или указатель мыши на элементах в оверлее, события не инициируются. Я использую угловой.
События обнаруживаются, если я использую pointer-events: none; на видео, однако это бесполезно, так как нам все еще нужно иметь возможность нажимать на видео, чтобы сделать паузу и т. Д.
Это мой HTML-фрагмент
<div class="overlay">
<span (click)="test()" (mouseenter)="test()" (mouseleave)="test()">Click me</span>
</div>
<video></video>
И мой CSS
.overlay {
background-color: grey;
color: white;
position: relative;
height: 60px;
top: 60px;
margin-top: -60px;
}