2017-01-02 23:51:36 -07:00
|
|
|
|
<div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<div class="pageContainer flex">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="videoOsdBottom">
|
|
|
|
|
|
|
|
|
|
<div class="osdPoster">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="osdControls">
|
2017-03-18 16:37:29 -07:00
|
|
|
|
|
2017-05-20 09:40:40 -07:00
|
|
|
|
<div class="osdTextContainer osdMainTextContainer">
|
2017-06-10 09:39:58 -07:00
|
|
|
|
<h3 class="osdTitle"></h3>
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<div class="osdMediaInfo"></div>
|
|
|
|
|
</div>
|
2017-03-18 16:37:29 -07:00
|
|
|
|
|
|
|
|
|
<div class="osdTextContainer osdSecondaryMediaInfo">
|
|
|
|
|
</div>
|
|
|
|
|
|
2017-06-09 12:23:13 -07:00
|
|
|
|
<div class="flex flex-direction-row align-items-center">
|
|
|
|
|
<div class="osdTextContainer startTimeText" style="margin: 0 .25em 0 0;"></div>
|
|
|
|
|
<div class="sliderContainer flex-grow" style="margin: .5em .5em .25em;">
|
|
|
|
|
<input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="osdTextContainer endTimeText" style="margin: 0 0 0 .25em;"></div>
|
2017-01-02 23:39:59 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="buttons">
|
2017-03-17 13:23:34 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnRecord autoSize hide">
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide">
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnRewind" title="${Rewind}">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnPause autoSize" autofocus>
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnFastForward" title="${FastForward}">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnNextTrack autoSize hide">
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnAudio hide autoSize" title="${Audio}">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
2017-01-30 14:38:24 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnVideoOsdSettings hide autoSize" title="${Settings}">
|
2017-01-04 01:02:08 -07:00
|
|
|
|
<i class="largePaperIconButton md-icon"></i>
|
2017-01-03 14:57:29 -07:00
|
|
|
|
</button>
|
2017-01-17 11:00:19 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnCast hide autoSize" title="${PlayOnAnotherDevice}">
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen}">
|
2017-01-04 14:25:15 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
2017-01-10 13:17:29 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="btnPip hide autoSize" title="${PictureInPicture}">
|
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
2017-01-02 23:39:59 -07:00
|
|
|
|
|
|
|
|
|
<div class="osdTimeText"><span class="osdPositionText"></span><span class="osdDurationText"></span><span class="endsAtText"></span></div>
|
|
|
|
|
|
|
|
|
|
<div class="volumeButtons">
|
2017-01-06 14:47:47 -07:00
|
|
|
|
<button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute}">
|
2017-01-02 23:39:59 -07:00
|
|
|
|
<i class="xlargePaperIconButton md-icon"></i>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="sliderContainer osdVolumeSliderContainer">
|
2017-06-09 12:23:13 -07:00
|
|
|
|
<input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="osdVolumeSlider" />
|
2017-01-02 23:39:59 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|