jellyfin-web/dashboard-ui/videoosd.html

88 lines
4.2 KiB
HTML
Raw Normal View History

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>
2017-07-20 13:36:05 -07:00
<div class="upNextContainer hide">
</div>
<div class="videoOsdBottom videoOsdBottom-maincontrols">
2017-01-02 23:39:59 -07:00
<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">
<button is="paper-icon-button-light" class="btnRecord autoSize hide">
<i class="xlargePaperIconButton md-icon">&#xE061;</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">&#xE045;</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">&#xE020;</i>
</button>
<button is="paper-icon-button-light" class="btnPause autoSize" autofocus>
<i class="xlargePaperIconButton md-icon">&#xE034;</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">&#xE01F;</i>
</button>
<button is="paper-icon-button-light" class="btnNextTrack autoSize hide">
<i class="xlargePaperIconButton md-icon">&#xE044;</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">&#xE3A1;</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">&#xE01C;</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">&#xE8B8;</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">&#xE307;</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">&#xE5D0;</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">&#xE911;</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">&#xE050;</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>