2019-11-20 00:24:54 +03:00
|
|
|
<div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
|
2019-12-16 00:07:55 +09:00
|
|
|
<div class="pageContainer flex"></div>
|
|
|
|
<div class="upNextContainer hide"></div>
|
2017-07-20 16:36:05 -04:00
|
|
|
<div class="videoOsdBottom videoOsdBottom-maincontrols">
|
2019-12-16 00:07:55 +09:00
|
|
|
<div class="osdPoster"></div>
|
2017-01-03 01:39:59 -05:00
|
|
|
<div class="osdControls">
|
2017-05-20 12:40:40 -04:00
|
|
|
<div class="osdTextContainer osdMainTextContainer">
|
2017-06-10 12:39:58 -04:00
|
|
|
<h3 class="osdTitle"></h3>
|
2017-01-03 01:39:59 -05:00
|
|
|
<div class="osdMediaInfo"></div>
|
2019-09-12 21:24:16 +02:00
|
|
|
<div class="osdMediaStatus hide">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="material-icons animate autorenew"></i>
|
2019-12-16 00:07:55 +09:00
|
|
|
<span>${FetchingData}</span>
|
2019-09-12 21:24:16 +02:00
|
|
|
</div>
|
2017-01-03 01:39:59 -05:00
|
|
|
</div>
|
2017-03-18 19:37:29 -04:00
|
|
|
|
2019-12-16 00:07:55 +09:00
|
|
|
<div class="osdTextContainer osdSecondaryMediaInfo"></div>
|
2017-03-18 19:37:29 -04:00
|
|
|
|
2017-06-09 15:23:13 -04: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;">
|
2020-02-15 16:18:24 +03:00
|
|
|
<input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" data-slider-keep-progress="true" />
|
2017-06-09 15:23:13 -04:00
|
|
|
</div>
|
|
|
|
<div class="osdTextContainer endTimeText" style="margin: 0 0 0 .25em;"></div>
|
2017-01-03 01:39:59 -05:00
|
|
|
</div>
|
|
|
|
|
2019-11-09 11:48:52 +03:00
|
|
|
<div class="buttons focuscontainer-x">
|
2017-03-17 16:23:34 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnRecord autoSize hide">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons fiber_manual_record"></i>
|
2017-03-17 16:23:34 -04:00
|
|
|
</button>
|
|
|
|
|
2017-01-03 01:39:59 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons skip_previous"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
|
2019-04-25 12:35:02 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnRewind" title="${Rewind} (j)">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons fast_rewind"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
|
2018-09-12 19:26:21 +02:00
|
|
|
<button is="paper-icon-button-light" class="btnPause autoSize">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="xlargePaperIconButton material-icons pause"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
|
2019-04-25 12:35:02 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnFastForward" title="${FastForward} (l)">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons fast_forward"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnNextTrack autoSize hide">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons skip_next"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
|
2017-01-06 16:47:47 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnAudio hide autoSize" title="${Audio}">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="xlargePaperIconButton material-icons audiotrack"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
2017-01-06 16:47:47 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons closed_caption"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
2019-03-30 22:11:39 +01:00
|
|
|
|
2017-01-30 16:38:24 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnVideoOsdSettings hide autoSize" title="${Settings}">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="largePaperIconButton material-icons settings"></i>
|
2017-01-03 16:57:29 -05:00
|
|
|
</button>
|
2019-04-25 12:35:02 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen} (f)">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="xlargePaperIconButton material-icons fullscreen"></i>
|
2017-01-04 16:25:15 -05:00
|
|
|
</button>
|
2017-01-10 15:17:29 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnPip hide autoSize" title="${PictureInPicture}">
|
2020-02-16 01:31:14 +01:00
|
|
|
<i class="xlargePaperIconButton material-icons picture_in_picture_alt"></i>
|
2017-01-10 15:17:29 -05:00
|
|
|
</button>
|
2020-01-10 11:31:03 -05:00
|
|
|
<button is="paper-icon-button-light" class="btnAirPlay hide autoSize" title="${AirPlay}">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="xlargePaperIconButton material-icons airplay"></i>
|
2020-01-10 11:31:03 -05:00
|
|
|
</button>
|
2017-01-03 01:39:59 -05:00
|
|
|
|
2019-12-16 00:07:55 +09:00
|
|
|
<div class="osdTimeText">
|
|
|
|
<span class="osdPositionText"></span>
|
|
|
|
<span class="osdDurationText"></span>
|
|
|
|
<span class="endsAtText"></span>
|
|
|
|
</div>
|
2017-01-03 01:39:59 -05:00
|
|
|
|
2018-09-12 19:26:21 +02:00
|
|
|
<div class="volumeButtons hide-mouse-idle-tv">
|
2019-04-25 12:35:02 -04:00
|
|
|
<button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)">
|
2020-04-25 10:00:20 +03:00
|
|
|
<i class="xlargePaperIconButton material-icons volume_up"></i>
|
2017-01-03 01:39:59 -05:00
|
|
|
</button>
|
|
|
|
<div class="sliderContainer osdVolumeSliderContainer">
|
2017-06-09 15:23:13 -04:00
|
|
|
<input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="osdVolumeSlider" />
|
2017-01-03 01:39:59 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2019-04-25 12:35:02 -04:00
|
|
|
</div>
|