2016-01-29 73 views
0

我tyring編寫HTML video元素的自定義指令,我得到這個:如何從Angular自定義指令訪問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/[email protected]" type="video/mp4"> 
    </video> 

到目前爲止,我所取得的成績得到了事件追上了我的控制器。不過,我不確定我如何以編程方式啓動播放器,甚至更改並重新加載播放源。

我該如何實現它?

+0

檢查此鏈接http://ngmodules.org/modules/ngVideo – Abhijeet

回答

1

$elem是Jquery的對象。你可以像這樣的訪問方法和屬性:

$elem[0].play(); 

這裏的demo

相關問題