<div class="img-controller video-controller \{{size}}" ng-controller="image_controller">
	<span>\{{formated_key}}</span>
	<div class="img-wrapper">

		<!-- thumbnail -->
		<video>
			<source ng-bind="current_culture" ng-src="\{{video_source}}" type="video/mp4">
		</video>

		<div class="img-dropper" ng-class="{'no-image': !context[terminatedkey]}" ngf-drop="upload($files)" ng-model="context[terminatedkey]" ngf-drag-over-class="'dragover'"  tabindex="0">
			<div>
				<i class="fa fa-picture-o" aria-hidden="true"></i>
				<span>Paste or drop files here</span>
			</div>
		</div>

		<div ng-if="context[terminatedkey]" class="tiny-controls">
			<i class="fa fa-pause" ng-click="play()" ng-show="video_playing"></i>
			<i class="fa fa-play" ng-click="play()" ng-hide="video_playing"></i>
			<i class="fa fa-link" ng-class="" ng-click="direct_input()"></i>
			<i class="fa fa-refresh" ngf-select="upload($file)" ng-model="context[terminatedkey]"></i>
			<i class="fa fa-trash" ng-class="{'hidden': context.length <= terminated_context.min}" ng-click="delete_image()"></i>
		</div>

		<div ng-if="!context[terminatedkey]" class="img-file-upload-button" ngf-select="upload($file)" ng-model="context[terminatedkey]" >
			<i class="fa fa-plus"></i>
		</div>

		<div class="upload_progress" ng-class="{'loading': loading}"></div>

		<div class="direct-input">
			<div class="screen" ng-click="direct_input()"></div>
			<div>
				<input type="text" ng-model="context[terminatedkey]" placeholder="paste url here">
				<button class="btn small" ng-click="direct_input()">Set</button>
			</div>
		</div>
	</div>
</div>