如何从角自定义指令访问HTML视频函数？

Question

我要为HTML元素编写自己的自定义指令，我得到了以下内容：

finalCutApp.directive('finalcutPlayer', ($timeout) => {
    return {
        restrict: 'A',
        link: ($scope, $elem, $attrs) => {
            $elem.on('canplay', () => {
                $timeout(()=> {$scope.$emit('finalcutplayer.events.canplay')});
            });
        }
    };
});

所以我得到了这个标记：

  <video finalcut-player id="html5-player" controls>
    <source src="videos/react@iugh.mp4" type="video/mp4">
  </video>

到目前为止，我已经在我的控制器上完成了这个事件。但是，我不知道如何通过编程启动播放器，甚至更改和重新加载它的源代码。

我怎样才能做到这一点？

Answer 1

$elem是Jquery对象。您可以访问这样的方法和属性：

$elem[0].play();

这是演示。