HTML5video/音频播放器通过AngularJS控制播放和暂停

我想用AngularJS控制HTML5音频/video播放器。 我想玩和暂停那个玩家。 我可以使用jQuery来做到这一点。 但我需要它与AngularJS合作。

  • https://github.com/2fdevs/videogular
  • 创建自己的自定义指令可以为您完成工作(首选和可重用),

    最简单的方法是使用angular.element并使用其function从DOM中选择所需的video元素。

     

    //控制器

      function myCtrl($scope) { $scope.url = "url of video or audio" $scope.pauseOrPlay = function(ele){ var video = angular.element(ele.srcElement); video[0].pause(); // video.play() } } 

更多关于angular.element https://docs.angularjs.org/api/ng/function/angular.element

我希望这对你有用(正确更改域名和文件名)

     Video Demo     

controls :