小编Aev*_*ite的帖子

Angular 2:访问组件内html5视频标签的播放和暂停

我是 angular2 的新手,我一直在尝试访问组件内的 html5 视频标签。虽然我使用@ViewChild 装饰器访问视频标签,但我无法访问播放和暂停功能。我的 player.html 文件是

<video id="thisVideo" #videoplayer *ngIf="openPlayer" controls autoplay="autoplay" preload="auto" [poster]="src.thumbnailUrlHighRes" width="640">
<source [src]="src.videoURL" type="video/mp4" />
<p>Your browser does not support the video tag.</p>
</video>
Run Code Online (Sandbox Code Playgroud)

视频的自动播放设置为 true。我需要使用空格键播放和暂停视频,为此我向主机组件添加了事件侦听器。但问题是我无法在事件侦听器中访问视频标签的播放和暂停功能。有人可以给我一些见解吗?

html video typescript angular2-template angular

5
推荐指数
2
解决办法
8969
查看次数

标签 统计

angular ×1

angular2-template ×1

html ×1

typescript ×1

video ×1