Skip to content

Conversation

@Jeffrey0117
Copy link

Description

 Add `pause` prop to `SlidevVideo` component for segment-based video playback control.

 ## Changes

 - Add `pause` prop supporting duration arrays like `[3, 5, 2, 'end']`
 - Click on video to play next segment
 - No external dependencies added
 - All existing props remain compatible

 ## Example

 ```vue
 <SlidevVideo autoplay :pause="[3, 5, 2, 'end']" controls>
   <source src="/video.mp4" type="video/mp4" />
 </SlidevVideo>

The video will:

 - Play 3 seconds → pause
 - Click to play 5 seconds → pause
 - Click to play 2 seconds → pause
 - Click to play until end

Fixes #2177

@netlify
Copy link

netlify bot commented Nov 24, 2025

Deploy Preview for slidev ready!

Name Link
🔨 Latest commit 2de1563
🔍 Latest deploy log https://app.netlify.com/projects/slidev/deploys/6924b1fb2ca14d00083f86a7
😎 Deploy Preview https://deploy-preview-2383--slidev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Clickable Videos

1 participant