ng-src не работает с видео тегом в angularjs

Question

<span ng-repeat="x in pics.files">
    <video ng-src="img/gallery_vid/{{x}}" height="200px" width="200px" class="mt-2" controls>
    </video>
</span>

ng-src не работает с тегом видео, я буду рад, если кто-то может мне помочь.Видео не воспроизводится, я искал в Интернете решение Я видел это, но не получил .Заранее спасибо

Answer 1

Контроллер:

(function() {
    'use strict';
        var app = angular.module('videoExample', []);
        app.controller('videoExampleController', ['$scope', videoExampleController]);

    function videoExampleController($scope){
       $scope.videoUrl = 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4';
       $scope.videoMimeType = 'video/mp4';
    }
 })();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<div ng-app="videoExample" ng-controller="videoExampleController">
<span>
    <video height="300px" width="300px" class="mt-2" controls autoplay>
<source src="{{videoUrl}}" type="{{videoMimeType}}"/>Your browser does not support HTML5 video
    </video>
</span>
</div>