Angular video

media.directives.js

angular.module ('app.media')
directive('videoPlayer',function ($sce,$timeout,videoPlayerService){

		var  linkFn
			,controllerFn
			,templateStr

		;

		templateStr = '<video ng-src="{{src}}"></video><section ng-transclude></section>'

		linkFn = function (scope,elm,attrs){

			scope.player = elm.find('video')[0];


		};

		controllerFn = function ($scope){


			$scope.src = '';

			$scope.controls =  {

				 play:function (){

					 $scope.player.play();

				 }
				,stop:function (){

					console.log ('stop it');
					$scope.player.pause();

				}
				,pause:function (){

					console.log ('pause it');
					$scope.player.pause();

				}
			};

			$scope.source = {

				setSource:function(src){

					$scope.src = src;


				}

			}

			videoPlayerService.subscribe($scope)
		};

		return {

			link:linkFn
			,controller:controllerFn
			,template:templateStr
			,restrict:'E'
			,transclude:true

		}

})

media.module.js

angular.module ('app.media',[]);

media.services.js

angular.module ('app.Media')
.service ('videoPlayerService',function (){

	var subscribeFn
		,unsubscribeFn
		,videoPlayers
		,clearAllFn
		,getVideoPlayerFn
		,getVideoPlayersFn
		;
	videoPlayers = [];
	subscribeFn = function (playerScope){
	
		videoPlayers.push (playerScope);

	};
	
	unsubscribeFn = function (playerScope){

		//todo implement unsubscribe 

	};
	
	getVideoPlayerFn = function (playerScope){

		//todo implement loop that search for player
		return videoPlayers[0];

	};

	getVideoPlayersFn = function (){

		return videoPlayers;

	};

	clearAllFn = function (){

		return videoPlayers=[];

	};

	return {

		 subscribe:subscribeFn
		,unsubscribe:unsubscribeFn
		,clearAll:clearAllFn
		,getPlayer:getVideoPlayerFn
		,getPlayers:getVideoPlayersFn
	};
})