title: AngularJS : Video tag not working with dynamic returned URL source
body: <p>I'm getting url value and trying to bind with Video tag's src attribute, however video is not being displayed.</p>
  
  <pre><code>  &lt;video width="400" controls="controls"&gt;
      &lt;source ng-src="{{result.url | trustUrl}}" type="video/mp4"&gt;
    &lt;/video&gt;
  </code></pre>
  
  <p>If I apply direct source value as string it's working fine. Say,</p>
  
  <pre><code>  &lt;video width="400" controls="controls"&gt;
      &lt;source src="videos/How_Does_AngularJS_Work_Beginners_Angular_Tutorial.mp4" type="video/mp4"&gt;
    &lt;/video&gt;
  </code></pre>
  
  <p>I also tried sanitize, $sce filter for trusted URL.
  My Filter</p>
  
  <pre><code>(function(){
    'use strict';
    angular.module('videoApp.filters')
    .filter('trustUrl', ['$sce', function($sce) {
      return function (recordingUrl) {
          return $sce.trustAsResourceUrl(recordingUrl);
      };
    }]);
  })();
  </code></pre>
  
  <p>My Controller</p>
  
  <pre><code>(function() {
  'use strict';
  
  angular.module('videoApp.controllers')
    .controller('GetSingleVideoCtrl', ['$scope', '$state', '$stateParams', 'VideoServices', 'AuthService', '$uibModal',
      function ($scope, $state, $stateParams, VideoServices, AuthService, $uibModal) {
  
      var vm = this;
      vm.result = {};
      vm.requestParams = {};
  
      vm.initialize = function() {
        var videoId = $stateParams.videoId;
  
        vm.requestParams = {
          'sessionId': AuthService.getSessionId(),
          'videoId' : videoId
        };
        VideoServices.getSingleVideo(vm.requestParams, vm.onGetSingleVideoSuccess, vm.onGetSingleVideosError);
      };
  
      vm.onGetSingleVideoSuccess = function(response) {
          $scope.result = response.data.data;
      };
      vm.onGetSingleVideosError = function(response) {
      };
      vm.initialize();
    }]);
  })();
  </code></pre>
  
  <p>API Response</p>
  
  <pre><code>{
      "status": "success",
      "data": {
          "_id": "57faefe60820a91ac042610a",
          "name": "Angular Video",
          "description": "How to use Angular.js to save time",
          "url": "videos/How_Does_AngularJS_Work_Beginners_Angular_Tutorial.mp4",
      }
  }
  </code></pre>