如何从angular2中的函数调用视频暂停事件

Question

这是我的player.component.html

<video width="320" height="240" autoplay autobuffer [src]="videoSrc" (ended)="videoEnd()">
Your browser does not support the video tag.
</video>

<button (click)="pauseOrPlay()">pause/play</button>

在我的player.component.ts中，我有以下在视频结束或点击按钮时调用的函数

videoEnd(event) {
   console.log("video ended");
}

pauseOrPlay(event){
    console.log("button clicked");
    //pause or resume video here
}

我现在想要的是，当点击该按钮时，暂停或恢复视频。我可以使用vid.play（）或vid.pause（）在javascript中执行此操作，但我无法在angular2中找到一种方法。任何建议将不胜感激。

Answer 1

也许您可以在localvariable标记内存储video并将其传递给暂停功能。

<video #video> </video>

<button (click)="pauseOrPlay(video)">pause/play</button>

pauseOrPlay(video){
    video.pause();
}