Navigate:
Video Speed Controller
~$VSC0.2%

Video Speed Controller: HTML5 video playback control

Chrome extension adding speed controls and keyboard shortcuts to HTML5 videos on any website.

LIVE RANKINGS • 03:43 AM • STEADY
OVERALL
#321
53
DEVELOPER TOOLS
#64
7
30 DAY RANKING TREND
ovr#321
·Devel#64
STARS
4.2K
FORKS
662
7D STARS
+7
7D FORKS
+3
See Repo:
Share:

Learn more about Video Speed Controller

Video Speed Controller is a Chrome extension that enhances HTML5 video players with speed adjustment capabilities. It injects JavaScript into web pages to access the native HTML5 video API and overlay custom controls on existing video elements. The extension provides keyboard shortcuts for speed adjustment, seeking, and marker functionality without requiring modifications to the underlying video player. It works across websites by detecting HTML5 video elements and adding a consistent interface for playback control.

Video Speed Controller

1

Universal Compatibility

Works with any HTML5 video on any website without requiring site-specific integrations. The extension automatically detects video elements and applies controls universally.

2

Keyboard-First Interface

Provides comprehensive keyboard shortcuts for speed control, seeking, and markers. Users can operate entirely through hotkeys without mouse interaction.

3

Customizable Shortcuts

Allows users to reassign default keyboard shortcuts and create multiple preferred speed toggles. Settings can be configured to match individual workflow preferences.


// Get video element and control playback speed
const video = document.querySelector('video');

// Increase speed (D key functionality)
function increaseSpeed() {
  video.playbackRate = Math.min(video.playbackRate + 0.25, 4.0);
  console.log(`Speed: ${video.playbackRate}x`);
}

// Decrease speed (S key functionality)
function decreaseSpeed() {
  video.playbackRate = Math.max(video.playbackRate - 0.25, 0.25);
  console.log(`Speed: ${video.playbackRate}x`);
}

// Reset to normal speed (R key functionality)
function resetSpeed() {
  video.playbackRate = 1.0;
  console.log('Speed reset to 1.0x');
}

vv0.7.1

I am re-releasing this in attempt to rerun v0.7.1 through github actions in hopes it will upload to the Chrome store.

  • Adopt Manifest V3 by @dotproto in
  • Fix positioning for videos with non-zero offsetTop/offsetLeft by @russelldavis in
  • Update to work with the latest Apple TV by @nathanielherman in
  • @dotproto made their first contribution in
  • @russelldavis made their first contribution in

See how people are using Video Speed Controller

Loading tweets...


[ EXPLORE MORE ]

Related Repositories

Discover similar tools and frameworks used by developers