HTML5 audio/vidéo lecteur de contrôle de jeu & pause avec AngularJS

Je veux maîtriser HTML5 lecteur audio/vidéo avec AngularJS. Je veux jouer & pause que joueur. Je peux le faire à l'aide de jQuery. Mais j'en ai besoin pour travailler avec AngularJS.

ainsi, vous aurez un bouton supplémentaire à faire ou tout simplement les joueurs des options?
Pouvez-vous fournir moins de code que vous avez essayé jusqu'à présent.

OriginalL'auteur Nazmul Hossain | 2015-06-17

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

    • la création de vos propres directive peut fait le travail pour vous (de préférence et réutilisable),

      La façon la plus simple est d'utiliser angulaire.élément et sélectionner la vidéo de l'élément du DOM à l'aide de ses fonctionnalités.

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

      //contrôleur

      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()
   }
}

    plus sur angulaire.élément https://docs.angularjs.org/api/ng/function/angular.element

    OriginalL'auteur Shushanth Pallegar

  2. 2

    J'espère que cela est utile pour vous (changer le nom de domaine et le nom de fichier correctement)

     <!DOCTYPE html> 
    <html>
    <head>
    <title>Video  Demo </title> 
    </head>

    <body>

    <video id="video" controls> 
        <source src=http://your_domain_source/video.webm type=video/webm> 
        <source src=http://your_domani_source/video-canvas-magic/video.ogg type=video/ogg> 
        <source src=http://your_domain_source/demos/video-canvas-magic/video.mp4 type=video/mp4> 
    </video> 
    <p>controls :</p>
    <button onclick="playVideo();" style="cursor: pointer;">Play</button>

    <button onclick="pauseVideo();" style="cursor: pointer;">Pause</button>

    <button onclick="rewindVideo();" style="cursor: pointer;">
      Back to beginning</button>
      <script>
        video = document.querySelector("#vid");

    function playVideo() {
      video.play();
    }
    function pauseVideo() {
      video.pause();
    }

    function rewindVideo() {
      video.currentTime = 0;
    }
    </script>
    </body>
    </html>

    OriginalL'auteur scaisEdge