JSFiddle - React, Tailwind, and code Playground

by jeshuamaxey

HTML

<video preload loop ng-controller="Ctrl">
      <source ng-model="mediaSrcs"
              ng-repeat="file in mediaSrcs.files"
              ng-src="{{file.file_path}}"
              type="{{file.file_type}}">
</video>

JavaScript

var Ctrl = function($scope) {
    $scope.mediaSrcs = {
        files : [
            {
                file_path: 'http://videos.mozilla.org/serv/webmademovies/wtfpopcorn.mp4',
                file_type: 'video/mp4'
            },
            {
                file_path: 'http://videos.mozilla.org/serv/webmademovies/wtfpopcorn.webm',
                file_type: 'video/webm'
            },
            {
                file_path: 'http://videos.mozilla.org/serv/webmademovies/wtfpopcorn.ogv',
                file_type: 'video/ogg'
            }
        ]
    }
}