Как вызвать событие видео паузы из функции в 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 
} 

Что я хочу сейчас, когда кнопка нажата, чтобы приостановить или возобновить видео. Я могу сделать это в javascript, используя vid.play() или vid.pause(), но я не могу найти способ сделать это в угловом2. Мы ценим любые предложения.

Answer 1

Возможно, вы можете сохранить localvariable в теге video и передать это, чтобы приостановить функцию.

<video #video> </video> 

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

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