Skip to content

Feature Request: Add Seek Forward/Backward Button Slots to Default Video Layout #1741

@LeTanTru

Description

@LeTanTru

Problem

The default video layout doesn't include seekBackwardButton and seekForwardButton slots, while the audio layout does. This makes it difficult to add seek buttons to video players.
Audio layout (works):

<DefaultAudioLayout
  slots={{
    seekBackwardButton: <CustomButton />,
    seekForwardButton: <CustomButton />
  }}
/>

Video layout (doesn't work):

<DefaultVideoLayout
  slots={{
    seekBackwardButton: <CustomButton />, // ❌ Slot doesn't exist
    seekForwardButton: <CustomButton /> // ❌ Slot doesn't exist
  }}
/>

Use Case

Most video platforms (YouTube, Netflix, Disney+) have seek buttons as a standard feature. Users need them for:

  • Skipping intros/recaps
  • Quick navigation
  • Touch interfaces where gestures aren't ideal
  • Accessibility

Current Workaround

Using beforeSettingsMenu slot works but isn't intuitive:

slots={{
  beforeSettingsMenu: () => (
    <>
      <SeekBackwardButton />
      <SeekForwardButton />
    </>
  ),
}}

Proposed Solution

Add seekBackwardButton and seekForwardButton slots to DefaultVideoLayout, positioned between the play button and volume control (similar to audio layout).

Benefits

  • API consistency between audio and video layouts
  • Better UX alignment with industry standards
  • Easier customization without custom layouts
    Feel free to adjust based on your preferences!

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions