Javascript 在angular controller中捕获html5视频事件

当angularjs中的控制器中的视频播放器状态发生更改时，如何捕获事件？

以下是一种可能的方法，该方法使用指令将侦听器添加到视频元素中：

<video id="video-player" ng-click="togglePlayer($event)" 
       oncontextmenu="return false" autoplay="true" loop 
       class="composition-video" ng-src="{{url}}" type="video/mp4"></video>

.directive('videoEvents', function () {
    return function ($scope, $element) {
      $element[0].addEventListener("loadeddata", function () {
        console.log('loadeddata');
        // you can $rootScope.$broadcast...
      });
      $element[0].addEventListener("playing", function () {
        console.log('playing');
        // you can $rootScope.$broadcast...
      });
      // and so on...
    }
});