--- /dev/null
+<div class="media-container">
+
+ <uib-progressbar ng-if="MediaDisplayCtrl.isConversionInProgress" class="progress-striped" type="warning"
+ max="MediaDisplayCtrl.max" value="MediaDisplayCtrl.conversionProgress">
+ <span class="viewer-progress-info">
+ {{'ext.nero.viewer.progress-bar-label' | translate}} : {{MediaDisplayCtrl.conversionProgress}}%
+ </span>
+ </uib-progressbar>
+
+ <div ng-if="MediaDisplayCtrl.isEpub" class="epub-viewer">
+ <div class="previous-page" ng-click="MediaDisplayCtrl.epubViewer.prevPage()">
+ ‹
+ </div>
+ <div class="next-page" ng-click="MediaDisplayCtrl.epubViewer.nextPage()">
+ ›
+ </div>
+ <div id="area" class="book-area"></div>
+ </div>
+
+ <iframe ng-if="MediaDisplayCtrl.isDocument" src="{{MediaDisplayCtrl.url}}"
+ height="{{MediaDisplayCtrl.height}}" allowfullscreen webkitallowfullscreen>
+ </iframe>
+
+ <img ng-if="MediaDisplayCtrl.isImage" class="media-viewer" ng-src="{{MediaDisplayCtrl.url}}" ></img>
+
+ <audio ng-if="MediaDisplayCtrl.isAudio" ng-show="MediaDisplayCtrl.isContentReady" class="media-viewer" controls="" autoplay="" name="media">
+ <source ng-src="{{MediaDisplayCtrl.url}}" type="audio/mp3">
+ </audio>
+
+ <video ng-if="MediaDisplayCtrl.isVideo" ng-show="MediaDisplayCtrl.isContentReady" class="media-viewer" controls="" autoplay="" name="media">
+ <source ng-src="{{MediaDisplayCtrl.url}}" type="video/mp4">
+ </video>
+
+ <div class="html-container" ng-if="MediaDisplayCtrl.isHTML">
+ <description-field-directive ng-if="MediaDisplayCtrl.description" is-edition-mode="false"
+ is-description-edit-mode="false"
+ description=MediaDisplayCtrl.description></description-field-directive>
+ </div>
+
+ <iframe ng-if="MediaDisplayCtrl.isOther" src="{{MediaDisplayCtrl.url}}"
+ width="{{MediaDisplayCtrl.width}}" height="{{MediaDisplayCtrl.height}}">
+ </iframe>
+
+</div>