在角度控制器中捕获html5视频事件

Question

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

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

Answer 1

下面是一个使用该侦听器添加到您的视频元素的指令，一个可行的办法：

http://plnkr.co/edit/dOm5TnGiSkJAUAtXSFa1?p=preview

.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... 
    } 
});