title: Custom HTML5 video player controls with AngularJS
body: <p>I'm new with AngularJS. I must create customs controls for a video player (HTML5 <code>&lt;video&gt;</code>).
  Basically, I would use <code>getElementById('myvideotag')</code>, listen clicks on the video for play/pause.
  How I can do this with AngularJS ? Binding the click with <code>ng-click="videoPlayPause()"</code> but then, how I play or pause the video. How I use the classic methods of <code>&lt;video&gt;</code> ?</p>
  
  <p>I guess it's really simple... I didn't get all the AngularJS concepts yet !</p>
  
  <p>Thank you :)</p>
  
  <p>Oh, the code... in the view:</p>
  
  <pre><code>&lt;video autoplay="autoplay" preload="auto" ng-click="video()"&gt;
      &lt;source src="{{ current.url }}" type="video/mp4" /&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>In the right controller:</p>
  
  <pre><code>$scope.video = function() {
      this.pause(); // ???
  }
  </code></pre>