Inline Player Components

The inline player appears at the bottom of the app when playing media.

Main Container

Inline Player (.inline-player)

The main inline player container with video element and control bar.

Player Bar (.inline-player-bar)

The control bar at the bottom containing all controls.

Video Element (.inline-player-video-el)

The video playback area.

Player Name (.inline-player-name)

Shows the current track/entity name.

Playback Controls (.inline-player-controls)

Container for playback control buttons.

Play/Pause Button

Selector: [title="Play (Alt+P / Alt+K)"]

Toggles playback. Shows play or pause icon based on state.

Previous Button

Selector: [title="Previous (Alt+,)"]

Skips to previous track.

Next Button

Selector: [title="Next (Alt+.)"]

Skips to next track.

Shuffle Button

Selector: [title="Shuffle off (Alt+S)"]

Toggles shuffle mode.

Loop Button

Selector: [title="Loop off (Alt+I)"]

Toggles loop mode.

Progress

Player Progress (.inline-player-progress)

Seekable progress bar showing playback position.

Seek Slider

Selector: .player-seek

Range input for seeking within the track.

Player Time (.player-time)

Displays current time / total duration (e.g., "0:01 / 0:03").

Volume

Volume Control

Selector: [title="Mute"]

Mute/unmute button.

Volume Slider

Selector: .player-volume-slider

Range input for adjusting volume.

Right Side Controls (.player-right-group)

Buttons on the right side of the player bar.

Maximize Button

Selector: [title="Maximize to app (Alt+M)"]

Expands player to full app mode.

Compact Mode Button

Selector: [title="Compact mode — hide app, show only player (Alt+Z)"]

Hides app UI, shows only the player.

Play History Button

Selector: [title="Play history (Alt+H)"]

Shows playback history.

Settings Button

Selector: [title="Player settings"]

Opens player settings.

Settings Panel (.player-settings)

Settings popup panel with player preferences.

Include Images Setting

Selector: .player-settings-row (first checkbox)

Controls whether images are included in playback.

Navigate to File Setting

Selector: .player-settings-row (second checkbox)

Controls whether to navigate to file on track change.

Audio Only Setting

Selector: .player-settings-row (third checkbox)

Hides video, plays audio only.

Scale Images Setting

Selector: .player-settings-row (fourth checkbox, checked by default)

Scales small images to fit.

Close Button

Close Player Button (.player-close)

Selector: [title="Close player (Shift+click to close app)"]

Closes the inline player.

Screenshot Files

File	Description	Selector
inline-player.png	Full inline player	.inline-player
player-bar.png	Control bar	.inline-player-bar
player-video.png	Video element	.inline-player-video-el
player-name.png	Track name	.inline-player-name
player-controls.png	Controls container	.inline-player-controls
play-pause-btn.png	Play/pause button	[title^="Play"]
btn-prev.png	Previous button	[title^="Previous"]
btn-next.png	Next button	[title^="Next"]
btn-shuffle.png	Shuffle button	[title^="Shuffle"]
btn-loop.png	Loop button	[title^="Loop"]
player-progress.png	Progress container	.inline-player-progress
seek-slider.png	Seek slider	.player-seek
player-time.png	Time display	.player-time
btn-mute.png	Mute button	[title^="Mute"]
volume-slider.png	Volume slider	.player-volume-slider
btn-maximize.png	Maximize button	[title^="Maximize"]
btn-compact.png	Compact mode button	[title^="Compact"]
btn-history.png	History button	[title^="Play history"]
btn-settings.png	Settings button	[title^="Player settings"]
player-settings.png	Settings panel	.player-settings
setting-include-images.png	Include images setting	.player-settings-row (1st)
setting-navigate.png	Navigate to file setting	.player-settings-row (2nd)
setting-audio-only.png	Audio only setting	.player-settings-row (3rd)
setting-scale-images.png	Scale images setting	.player-settings-row (4th)
player-close.png	Close button	.player-close