Mp4ビデオがAngularJS with Chromeで表示されない

srcにAngularJS変数を使用した場合、私のビデオが表示されない理由を理解するのが難しいです。私が直接src = "img/test1.mp4"を使用すると動作します。また、{{camera [0] .video}}をHTMLで表示したい場合、 "test1"が正しく表示されています。ご協力いただきありがとうございます。ここでは、コードの一部です：それはrunableあるのでMp4ビデオがAngularJS with Chromeで表示されない

app.controller('appCtrl', function($scope) { 
 

 
\t $scope.camera = [{ 
 
\t \t \t \t id: "1", 
 
\t \t \t \t video: "test1" 
 
\t \t \t \t }, 
 
\t \t \t \t { 
 
\t \t \t \t id: "2", 
 
\t \t \t \t video: "test2" 
 
\t \t \t \t }]; 
 
    });

<div class="container-fluid" ng-controller="appCtrl"> 
 
    <video width="250" height="200" controls autoplay> 
 
\t  <source src="img/{{camera[0].video}}.mp4" type="video/mp4"> 
 
     </video> 
 
</div>

出典

2016-10-20 corleone88

あなたは、あなたのコードスニペットを延長することはできますか？現時点では、「Run code snippet」を押したときにエラーメッセージが表示されます。 – reporter

<script> 
 

 
var app = angular.module('App', []) 
 

 
app.controller('appCtrl', function($scope) { 
 
\t $scope.path = "img/test1.mp4"; 
 
\t $scope.changePath = function() { 
 
\t \t $scope.path = "img/test2.mp4"; 
 
\t \t $scope.$apply; 
 
\t } 
 
\t 
 
}); 
 

 
</script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="App"> 
 
\t <div ng-controller="appCtrl"> 
 
\t \t <div> 
 
\t \t <button type="button" ng-click="changePath()">Change Video</button> 
 
\t \t </div> 
 
\t \t <div> 
 
\t \t \t <video width="480" height="280" controls autoplay> 
 
\t \t \t \t <source ng-src="{{path}}" type="video/mp4"> 
 
\t \t \t </video> 
 
\t \t </div> 
 
\t </div> 
 
</body>

出典

2016-10-21 08:46:24 corleone88

正しく実行するには、imgフォルダにtest1.mp4とtest2.mp4のビデオが必要です。今私の問題は、ビデオパスを変更したいビデオ変更ボタンを押しても、現在のビデオはまだ実行されており、パスの変更は考慮されていないということです。ご協力いただきありがとうございます。 – corleone88

Mp4ビデオがAngularJS with Chromeで表示されない

答えて

関連する問題