1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
jellyfin-web/src/controllers/playback/video/index.html

96 lines
5.7 KiB
HTML
Raw Normal View History

<div id="videoOsdPage" data-role="page" class="page libraryPage" data-backbutton="true">
<div class="syncPlayContainer">
<div id="syncPlayIcon" class="syncPlayIconCircle">
2022-02-24 20:15:24 +03:00
<span class="primary-icon material-icons play" aria-hidden="true"></span>
<span class="secondary-icon material-icons play" aria-hidden="true"></span>
</div>
</div>
2019-12-16 00:07:55 +09:00
<div class="upNextContainer hide"></div>
2017-07-20 16:36:05 -04:00
<div class="videoOsdBottom videoOsdBottom-maincontrols">
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>
2019-09-12 21:24:16 +02:00
<div class="osdMediaStatus hide">
2022-02-24 20:15:24 +03:00
<span class="material-icons animate autorenew" aria-hidden="true"></span>
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">
2020-11-17 22:34:02 +08:00
<div class="osdTextContainer startTimeText osdPositionText" style="margin: 0 .25em 0 0;"></div>
2020-08-20 12:27:25 +02:00
<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" />
2017-06-09 15:23:13 -04:00
</div>
2020-11-17 22:34:02 +08:00
<div class="osdTextContainer endTimeText osdDurationText" style="margin: 0 0 0 .25em;"></div>
2017-01-03 01:39:59 -05:00
</div>
<div class="buttons focuscontainer-x">
<button is="paper-icon-button-light" class="btnRecord autoSize hide">
2022-02-24 20:15:24 +03:00
<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}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons skip_previous" aria-hidden="true"></span>
2017-01-03 01:39:59 -05:00
</button>
<button is="paper-icon-button-light" class="btnPreviousChapter autoSize hide" title="${PreviousChapter}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons undo" aria-hidden="true"></span>
</button>
2022-02-24 20:15:24 +03:00
<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>
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">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons pause" aria-hidden="true"></span>
2017-01-03 01:39:59 -05:00
</button>
2022-01-18 14:52:53 +03:00
<button is="paper-icon-button-light" class="btnFastForward" title="${FastForward} (l)" aria-label="${FastForward}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons fast_forward" aria-hidden="true"></span>
2017-01-03 01:39:59 -05:00
</button>
<button is="paper-icon-button-light" class="btnNextChapter autoSize hide" title="${NextChapter}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons redo" aria-hidden="true"></span>
</button>
<button is="paper-icon-button-light" class="btnNextTrack autoSize hide" title="${NextTrack}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons skip_next" aria-hidden="true"></span>
2017-01-03 01:39:59 -05:00
</button>
2019-12-16 00:07:55 +09:00
<div class="osdTimeText">
<span class="endsAtText"></span>
</div>
2017-01-03 01:39:59 -05:00
2020-08-20 12:27:25 +02:00
<button is="paper-icon-button-light" class="btnSubtitles hide autoSize" title="${Subtitles}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons closed_caption" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
<button is="paper-icon-button-light" class="btnAudio hide autoSize" title="${Audio}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons audiotrack" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
2018-09-12 19:26:21 +02:00
<div class="volumeButtons hide-mouse-idle-tv">
2022-01-18 14:52:53 +03:00
<button is="paper-icon-button-light" class="buttonMute autoSize" title="${Mute} (m)" aria-label="${Mute}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons volume_up" aria-hidden="true"></span>
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>
2020-08-20 12:27:25 +02:00
<button is="paper-icon-button-light" class="btnVideoOsdSettings hide autoSize" title="${Settings}">
2022-02-24 20:15:24 +03:00
<span class="largePaperIconButton material-icons settings" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
<button is="paper-icon-button-light" class="btnAirPlay hide autoSize" title="${AirPlay}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons airplay" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
<button is="paper-icon-button-light" class="btnPip hide autoSize" title="${PictureInPicture}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons picture_in_picture_alt" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
2022-01-18 14:52:53 +03:00
<button is="paper-icon-button-light" class="btnFullscreen hide autoSize" title="${Fullscreen} (f)" aria-label="${Fullscreen}">
2022-02-24 20:15:24 +03:00
<span class="xlargePaperIconButton material-icons fullscreen" aria-hidden="true"></span>
2020-08-20 12:27:25 +02:00
</button>
2017-01-03 01:39:59 -05:00
</div>
</div>
</div>
</div>