mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
95 lines
5.7 KiB
HTML
95 lines
5.7 KiB
HTML
<div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
|
|
<div class="syncPlayContainer">
|
|
<div id="syncPlayIcon" class="syncPlayIconCircle">
|
|
<span class="primary-icon material-icons play" aria-hidden="true"></span>
|
|
<span class="secondary-icon material-icons play" aria-hidden="true"></span>
|
|
</div>
|
|
</div>
|
|
<div class="upNextContainer hide"></div>
|
|
<div class="videoOsdBottom videoOsdBottom-maincontrols">
|
|
<div class="osdControls">
|
|
<div class="osdTextContainer osdMainTextContainer">
|
|
<h3 class="osdTitle"></h3>
|
|
<div class="osdMediaStatus hide">
|
|
<span class="material-icons animate autorenew" aria-hidden="true"></span>
|
|
<span>${FetchingData}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="osdTextContainer osdSecondaryMediaInfo"></div>
|
|
|
|
<div class="flex flex-direction-row align-items-center">
|
|
<div class="osdTextContainer startTimeText osdPositionText" style="margin: 0 .25em 0 0;"></div>
|
|
<div class="sliderContainer flex-grow" style="margin: .5em 0 .25em;">
|
|
<input type="range" step=".01" min="0" max="100" value="0" is="emby-slider" class="osdPositionSlider" data-slider-keep-progress="true" />
|
|
</div>
|
|
<div class="osdTextContainer endTimeText osdDurationText" style="margin: 0 0 0 .25em;"></div>
|
|
</div>
|
|
|
|
<div class="buttons focuscontainer-x">
|
|
<button is="paper-icon-button-light" class="btnRecord autoSize hide">
|
|
<span class="xlargePaperIconButton material-icons fiber_manual_record" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnPreviousTrack autoSize hide" title="${PreviousTrack}">
|
|
<span class="xlargePaperIconButton material-icons skip_previous" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnPreviousChapter autoSize hide" title="${PreviousChapter}">
|
|
<span class="xlargePaperIconButton material-icons undo" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnRewind" title="${Rewind} (j)" aria-label="${Rewind}">
|
|
<span class="xlargePaperIconButton material-icons fast_rewind" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnPause autoSize">
|
|
<span class="xlargePaperIconButton material-icons pause" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnFastForward" title="${FastForward} (l)" aria-label="${FastForward}">
|
|
<span class="xlargePaperIconButton material-icons fast_forward" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnNextChapter autoSize hide" title="${NextChapter}">
|
|
<span class="xlargePaperIconButton material-icons redo" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack}">
|
|
<span class="xlargePaperIconButton material-icons skip_next" aria-hidden="true"></span>
|
|
</button>
|
|
|
|
<div class="osdTimeText">
|
|
<span class="endsAtText"></span>
|
|
</div>
|
|
|
|
<button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
|
|
<span class="xlargePaperIconButton material-icons closed_caption" aria-hidden="true"></span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnAudio hide autoSize" title="${Audio}">
|
|
<span class="xlargePaperIconButton material-icons audiotrack" aria-hidden="true"></span>
|
|
</button>
|
|
<div class="volumeButtons hide-mouse-idle-tv">
|
|
<button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)" aria-label="${Mute}">
|
|
<span class="xlargePaperIconButton material-icons volume_up" aria-hidden="true"></span>
|
|
</button>
|
|
<div class="sliderContainer osdVolumeSliderContainer">
|
|
<input is="emby-slider" type="range" step="1" min="0" max="100" value="0" class="osdVolumeSlider" />
|
|
</div>
|
|
</div>
|
|
<button is="paper-icon-button-light" class="btnVideoOsdSettings hide autoSize" title="${Settings}">
|
|
<span class="largePaperIconButton material-icons settings" aria-hidden="true"></span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnAirPlay hide autoSize" title="${AirPlay}">
|
|
<span class="xlargePaperIconButton material-icons airplay" aria-hidden="true"></span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnPip hide autoSize" title="${PictureInPicture}">
|
|
<span class="xlargePaperIconButton material-icons picture_in_picture_alt" aria-hidden="true"></span>
|
|
</button>
|
|
<button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen} (f)" aria-label="${Fullscreen}">
|
|
<span class="xlargePaperIconButton material-icons fullscreen" aria-hidden="true"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|