在角度控制器中捕獲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... 
    } 
});