Skip to content

Add playback speed controls to all video players#288

Open
aarya-brex wants to merge 2 commits intozellij-org:mainfrom
aarya-brex:add-video-playback-speed-controls
Open

Add playback speed controls to all video players#288
aarya-brex wants to merge 2 commits intozellij-org:mainfrom
aarya-brex:add-video-playback-speed-controls

Conversation

@aarya-brex
Copy link
Copy Markdown

@aarya-brex aarya-brex commented Mar 3, 2026

Summary

  • Replace Clappr video player with Plyr — a lighter player with built-in speed controls
  • Adds playback speed selector (0.5x, 1x, 1.5x, 2x) via Plyr's settings menu on all 14 pages with embedded videos
  • Removes two CDN dependencies (clappr + clappr-playback-rate-plugin), replaced by one (plyr)
  • Fix an invalid escaped quote in colliding-keybindings.md frontmatter that broke Hugo builds

Test plan

  • Visit any tutorial page (e.g. /tutorials/basic-functionality/) and verify the Plyr video player renders
  • Click the gear icon in the control bar and verify "Speed" shows 0.5x, 1x, 1.5x, 2x options
  • Select a different speed and verify playback rate changes
  • Check both shortcode variants: centered (/news/config-command-layouts/) and left-aligned (/tutorials/basic-functionality/)
  • Verify play, pause, seek, volume, PiP, and fullscreen still work

Switch from @clappr/player to the legacy clappr package and add the
clappr-playback-rate-plugin to both video shortcodes. This adds a
speed selector (0.5x, 1x, 1.5x, 2x) to the player control bar on
all 14 pages with embedded videos.

Also fix an invalid escaped quote in colliding-keybindings.md
frontmatter that broke Hugo builds with newer versions.
Clappr was only used for basic MP4 playback with no advanced features.
Plyr is lighter, has built-in playback speed controls, and eliminates
the need for a separate plugin dependency.
@aarya-brex
Copy link
Copy Markdown
Author

@imsnif, mind taking a look?

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.

1 participant