JSFiddle - React, Tailwind, and code Playground

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 width="320" height="240" controls>
          <source ng-src="{{image.src}}" ng-if="image.type === 'video'"  type="video/mp4">
        </video>
    </div>
</div>

JavaScript

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