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!