video tag for angular

gistfile1.js

.directive('fmVideo', function() {
  var clearContainer = function(element) {
    element.find('video').each(function(_, el) {
      el.pause();
      el.src = "";
    });
    element.empty();
  };

  return {
    restrict: 'E',
    scope: {
      url: '@'
    },
    link: function(scope, element, attrs) {
      element.bind('$destroy', function() {
        clearContainer(element);
      });

      attrs.$observe('url', function(value) {
        if (value) {
          clearContainer(element);
          // NOTE video is currently disabled, buggy in the box
          var videoNode = document.createElement('video');
          videoNode.src = value;
          element.append(videoNode);
          videoNode.play();
        }
      });
    }
  };
})