HTML5视频/音频播放器控制播放&暂停AngularJS [英] HTML5 video/audio player control play & pause with AngularJS

问题描述

我想用AngularJS控制HTML5音频/视频播放器。我想玩&暂停那个球员。我可以使用jQuery来做到这一点。但我需要它与AngularJS一起工作。

I want to control HTML5 audio/video player with AngularJS. I want to play & pause that player. I can do this using jQuery. But I need it to work with AngularJS.

推荐答案

• https://github.com/2fdevs/videogular



• 创建自己的自定义指令可以做适合你的工作（首选和可重复使用），

  • https://github.com/2fdevs/videogular

  • creating your own custom directive can does the job for you (Preferred and reusable),

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

    The simplest way is using angular.element and selecting the required video element from the DOM using its functionalities.

     <video autoplay="autoplay" preload="auto" ng-click="pauseOrPlay()">
     <source src="{{url }}" type="video/mp4" />
     </video>
    

    // controller

    //controller

     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

  more about angular.element https://docs.angularjs.org/api/ng/function/angular.element

  这篇关于HTML5视频/音频播放器控制播放&暂停AngularJS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！