Angular: Empty Fiddle

http://angularjs.org/

by Amit Ghosh

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<div ng-controller="MyCtrl">
  <div ng-repeat="md in mediaNew">
    <h1>
        {{md.title}}{{md.url}}
     </h1>
    <video ng-src='{{ trustSrc(md.url) }}' width="240" controls></video>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl',['$scope', '$sce',function($scope, $sce) {
  // parse the string content as json
  $scope.mediaNew = JSON.parse('[{"title":"Example_1","url":"http://www.w3schools.com/html/mov_bbb.mp4"}]');
  
  $scope.trustSrc = function(src) {
    return $sce.trustAsResourceUrl(src);
  };
}]);