A browser extension that adds a floating icon when videos play on web pages, similar to Samsung Browser's video assistant feature. Click the icon to open the video in a custom player with advanced controls.
- Automatic Video Detection: Detects HTML5 videos on any webpage
- Floating Icon: Shows a floating icon near playing videos
- Custom Video Player: Opens videos in a dedicated player with controls
- Playback Speed Control: Adjust playback speed from 0.25x to 3x with a linear slider
- Volume Control: Fine-tune volume with a slider
- Picture-in-Picture: Watch videos in a floating window
- Fullscreen Mode: Enjoy videos in fullscreen
- Loop Toggle: Loop videos with a single click
- Download Support: Download videos directly from the player
- Beautiful UI: Modern, gradient-based design with smooth animations
- Download or clone this repository
- Open your browser and navigate to
chrome://extensions/ - Enable "Developer mode" in the top right corner
- Click "Load unpacked"
- Select the
video-player-extensionfolder - The extension is now installed!
- Download or clone this repository
- Open Firefox and navigate to
about:debugging#/runtime/this-firefox - Click "Load Temporary Add-on"
- Select the
manifest.jsonfile in the extension folder - The extension is now loaded!
- Navigate to any webpage with HTML5 videos
- Play a video on the page
- A floating icon will appear near the video
- Click the icon to open the original live video in fullscreen assistant mode
- Use the toolbar popup for the custom URL player, speed, volume, Picture-in-Picture, looping, and downloads
You can also manually load videos by:
- Clicking the extension icon in your browser toolbar
- Pasting a video URL in the input field
- Clicking "Load" to play the video
- URL Input: Paste any video URL to load it
- Playback Speed: Choose from 0.25x to 2x speed
- Volume Slider: Adjust volume from 0-100%
- Picture-in-Picture: Watch in a floating window
- Fullscreen: Enter fullscreen mode
- Loop: Toggle video looping
- Download: Download the current video
video-player-extension/
├── manifest.json # Extension configuration
├── content.js # Video detection and floating icon
├── content.css # Floating icon styling
├── popup.html # Video player interface
├── popup.css # Player styling
├── popup.js # Player controls
├── background.js # Background service worker
├── icons/ # Extension icons
│ ├── icon16.png
│ ├── icon48.png
│ ├── icon128.png
│ └── icon.svg
└── README.md # This file
- Manifest Version: 3
- Permissions: activeTab, storage, <all_urls>
- Content Scripts: Runs on all web pages to detect videos
- Service Worker: Handles messaging between content script and popup
- Chrome/Chromium: ✅ Full support
- Edge: ✅ Full support
- Brave: ✅ Full support
- Firefox:
⚠️ Limited support (some features may not work) - Safari: ❌ Not supported (uses different extension system)
To modify the extension:
- Make changes to the source files
- In Chrome, go to
chrome://extensions/ - Click the reload button on the Video Assistant extension card
- Test your changes on a webpage with videos
- Some websites may block video detection due to CORS policies
- Media Source (
blob:) streams stay in their original page and open directly in fullscreen because browsers cannot transfer page-owned blob URLs into an extension window - Videos with DRM protection cannot be played in the custom player
- The extension requires the video URL to be accessible
- Support for more video platforms
- Playlist support
- Keyboard shortcuts
- Custom themes
- Video history
- Bookmarking videos
MIT License - Feel free to use, modify, and distribute
Contributions are welcome! Please feel free to submit issues or pull requests.