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>