title: How to play video inside Angular-Bootstrap modal on open?
body: <p>I'm loading videos dynamically based on a scope array of resources:</p>
  
  <pre><code>this.open = function (size, resource) {
      var modalInstance = $uibModal.open({
          templateUrl: 'playModal.html',
          controller: 'ModalInstanceCtrl',
          size: size,
          resolve: {
              resource: function () {
                  return resource;
              }
          }
      });
  
      modalInstance.rendered.then(function () {
          $('#resource-video')[0].play();
      });
  };
  </code></pre>
  
  <p>As you can see, I'm using a jQuery selector to find the HTML5 video tag and play it in a callback on the modal's <code>rendered</code> event. What would be the "Angular way" to do this and maintain MVC discipline? </p>