Angular：视频的点击事件

Question

我正在尝试在视频上绑定点击事件，但它不起作用。每当用户单击视频上的任意位置或视频元素的控件时，我需要触发事件。我尝试过以下操作：

组件.html

         <video
          [src]="url"
          (loadeddata)="onVideoLoaded($event)"
          (click)="doSomething($event)"
        >
        </video>

组件.ts

   onVideoLoaded(event) {
    const videoEl = event.target as HTMLVideoElement;
    videoEl.onclick = (event) => this.doSomething(event)
    videoEl.addEventListener('mousedown', this.doSomething);
  }

  doSomething(event){
    console.log(event)
 }

上述绑定视频点击事件的方法均无效。我该怎么办？

Answer 1

我认为你可以用另一种方式来解决这个问题。将视频包裹在div中并处理其上的点击事件