如何從Angular自定義指令訪問HTML視頻功能？

Question

我tyring編寫HTML video元素的自定義指令，我得到這個：

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(); 

這裏的demo。