2015-07-22 2 views
0

привет У меня есть список элементов в этом как URL видео и URL изображения я отображающих, что, как показано нижекак играть видео в angularjs?

HTML код

<div ng-app="myApp" ng-controller="myCtrl"> 
<div class="news_image" ng-repeat="image in items.media"> 
    <img ng-src="{{image.src}}" ng-if="image.type === 'img'" /> 
    <video ng-if="image.type === 'video'" width="320" height="240" controls> 
     <source ng-src="{{image.src}}" type="video/mp4"> 
    </video> 
</div> 

и угловой JS код

angular.module('myApp', []) 
.controller('myCtrl', function ($scope) { 
$scope.items = { 
    "media": [{ 
     "type": "img", 
     "src": "http://images/2015/May/161887.jpg" 
    }, { 
     "type": "video", 
     "src": "http:/video/2015/May/161887.mp4", 
    }] 
}; 

});

Проблема заключается в том, что изображения работают правильно, но видео не работает. Как я могу это исправить?

ответ

1

В вашем коде есть опечатка. Видео src неверно.

angular.module('myApp', []) 
.controller('myCtrl', function ($scope) { 
$scope.items = { 
    "media": [{ 
     "type": "img", 
     "src": "http://images/2015/May/161887.jpg" 
    }, { 
     "type": "video", 
     "src": "http://video/2015/May/161887.mp4", 
    }] 
}; 
}); 
+0

Существует также прописная запятая. – Chrillewoodz

+0

В фактическом коде нет запятой. –

+0

да .. это нормально, если вы оставите его .. но всем нравится правильное кодирование :) – dhavalcengg

Смежные вопросы