Angular 2：如何从组件控制 <video> [重复]答案

【问题标题】：Angular 2: how control <video> from component [duplicate]Angular 2：如何从组件控制 <video> [重复]
【发布时间】：2016-04-07 10:32:37
【问题描述】：

我正在尝试使用 Angular 2，但继续使用 HTML 5 视频。在我发现的手册中，可以在模板中使用：

<video #videoplayer></video>

这应该创建提供对视频元素的访问的局部变量“videoplayer”。可以从组件中获取，例如：

@Component({
    selector: '<some>',
    template: '<video #videoplayer></video>'
})

export class SomeComponent {

   public videoplayer; // How can I got element object here?

   play() { // I need work with <video> in Component
      this.videoplayer.play();
   }
}

感谢您的帮助，我尝试使用 @Host 它或像 @Input 一样使用它，但仍然无法按我的需要工作。

【问题讨论】：

标签： angular

【解决方案1】：

添加

@ViewChild('videoplayer') videoPlayer;

在ngAfterViewInit() 你应该可以访问它。

或者你可以只绑定到属性

<video [someProp]="someField"></video>

和事件

<video (someEvent)="someHandler($event)"></video>

【讨论】：