Adds video playback controls to Instagram videos embedded in web pages (seek bar, volume, play/pause, download video button).

Latest Version

Version
1.33
Update
February 6, 2023
Size
238KiB
Developer
rehfeld.us
Category
Users
60,000+
Rating
3.92754 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
See more

Controls for Instagram Videos Extension

This tiny and efficient extension adds standard video playback controls to Instagram™ videos. Normally, all you can do with an Instagram™ video is play or pause it, but this extension will expose the native HTML 5 video player which has a seek bar (aka video scrubber), a volume control, a play/pause button, Picture-In-Picture (floating video) button, fullscreen video button, and on *some* videos it will also display a download button!

The extension automatically runs and works on all web pages that embed Instagram™ videos!

How to use it:
1) Load any web page that contains an Instagram video
2) Click the video to make it play
3) That's it - the extension will automatically detect the video and will reveal the control buttons.

Options:
-Control volume and playback speed via hotkey.
-Remember your volume and playback speed for future videos.
See the extension config page via right-clicking the extension icon in your browser bar, then select \"Options\". Or, just navigate to chrome://extensions/

Default Hotkeys - customizable via chrome://extensions/shortcuts
Windows / Linux:
Alt + UpArrow: Increase Volume
Alt + DownArrow: Decrease Volume
Ctrl + UpArrow: Increase Playback Speed
Ctrl + DownArrow: Decrease Playback Speed

Mac:
Alt + UpArrow: Increase Volume
Alt + DownArrow: Decrease Volume
Command + UpArrow: Increase Playback Speed
Command + DownArrow: Decrease Playback Speed

Notes:
- After you install the extension, make sure to reload the page for any browser tabs that were opened before installing the extension. The extension will not run in those tabs until you do so.
- The download video button doesn't work on many videos anymore due to recent instagram changes, but it does still work on *some*.
- On pages where instagram auto plays videos as you scroll, such as on your home page feed, make sure to play/pause the video by clicking in the center of the video, instead of using the button at the lower left. Otherwise, when scrolling, the video may not stay paused.

Wondering why the extension is broken so much lately?
Read https://rehfeld.us/browser-extensions/controls-for-instagram/instagram-changes

Issues currently being worked on:
-Remember volume and playback speed not working in some cases.
-The volume mute/buttons on the video vs the Instagram GUI aren't always in sync.
-On stories, you must use the instagram play/pause button because the button on the video doesn't work.

Legal:
Instagram™ is a registered trademark. This extension was developed independently of Instagram, by someone who is not related or affiliated with Instagram, without any help or endorsement from them.

---------
Changelog
---------
Feb 5th, 2023
V1.33 - Fix for not being able to click controls on some videos on home feed. Also make background shade which covers most of the video on reels pages less visually disruptive.

Feb 2nd, 2023
V1.32 - Another potential fix for some users not seeing controls on some videos. Also, add support for reels.

Nov 24th, 2022
V1.30 - More reliably adjust video height on story videos. Also, potential fix for some users not seeing controls on some videos.

Nov 18th, 2022
V1.29 - Fix video controls not being easily clickable for certain videos. Also, new features: configurable hotkeys for volume and video speed (right the extension icon > options).

Jun 22nd, 2022
V1.28 - Upgrade to manifest v3. This is a technical change, and should not affect any functionality.

Jun 17th, 2022
V1.27 - Make videos stay paused when scrolling on home page if you pause the video by clicking in the center of the video (pausing via the tiny pause button in the lower left will not work). Also, fix bug preventing users with a non-english browser language from using core features.

Jun 2nd, 2022
V1.25 - Adapt to recent instagram updates, fixing sudden lack of video controls. Also, resize the video upwards a bit on stories so the video controls arent covered by instagram comment/like buttons.

May 29th, 2021
V1.24 - More reliably avoid \"Send Message\" box from overlaying controls on Story videos. Also, hopefully avoid rare case of stuttering videos.

Aug 17th, 2020
V1.23 - Potential Bugfix for disappearing videos/images on some pages.

Aug 5th, 2020
V1.21 - Bugfix for disappearing videos on some pages.

Jul 18th, 2020
V1.19 - On some Story videos, resize the video a bit so the \"Send Message\" text box doesn't overlay the video controls. 2nd attempt.

May 11th, 2020
V1.18 - Undo previous change to Story videos, which affected some non-story videos and broke them.

May 9th, 2020
V1.17 - On some stories, move the video a bit so the \"Send Message\" text box doesn't overlay the video controls.

Apr 2nd, 2020
V1.16 - Fix bug sometimes causing wrong video to play when clicking.

Nov 2, 2019
V1.15 - Expand allowed playback rate range.

Oct 30, 2019
V1.14 - Add ability to set video playback speed. Also, enable the \"remember volume\" feature by default.

Sept 29, 2019
V1.13 - Add ability to automatically remember the volume of videos.

Jun 8, 2019
V1.11 - Update to react to Instagram changes, fixing support for stories page.

May 18, 2019
V1.10 - Show controls on videos in stories. Also, fix play/pause bug when clicking on center of videos.

V1.9 - Update readme.

V1.8 - Efficiency improvement.

V1.6 - More reliably detect videos on instgram.com pages that use modal dialogs.

V1.5 - Update to react to Instagram changes.

V1.4 - Update to react to Instagram changes.

V1.3 - Renamed Extension.

V1.2 - Added trademark notice.

V1.1 - Improve compatibility to work on more sites, including instagram.com website and other, non instagram.com sites.

V1.0 - Initial release.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "author": "Chris Rehfeld [email protected]", "homepage_url": "http://rehfeld.us/browser-extensions/controls-for-instagram", "name": "Controls for Instagram Videos", "short_name": "Ctrls4Insta", "description": "Adds video playback controls to Instagram videos embedded in web pages (seek bar, volume, play/pause, download video button).", "version": "1.33", "minimum_chrome_version": "88", "content_scripts": [{ "matches": ["https://*.instagram.com/*"], "all_frames": true, "js": [ "Stackframe.js", "ErrorStackParser.js", "ic-util.js", "InstagramVideoControls.js", "ic-content-script-init.js" ], "css": [ "styles.css" ] }], "background": { "service_worker": "ic-background.js" }, "options_page": "options.html", "permissions": [ "storage" ], "icons": { "16": "icons/play-16x16.png", "48": "icons/play-48x48.png", "128": "icons/play-128x128.png" }, "commands": { "volume-increase": { "suggested_key": { "default": "Ctrl+Up", "mac": "Command+Up" }, "description": "Increase video volume" }, "volume-decrease": { "suggested_key": { "default": "Ctrl+Down", "mac": "Command+Down" }, "description": "Decrease video volume" }, "playback-speed-increase": { "suggested_key": { "default": "Alt+Up", "mac": "Alt+Up" }, "description": "Increase video playback speed" }, "playback-speed-decrease": { "suggested_key": { "default": "Alt+Down", "mac": "Alt+Down" }, "description": "Decrease video playback speed" }, "playback-speed-reset": { "description": "Reset video playback speed to 1.0" } }}
Read more

How to download and manually install Controls for Instagram Videos extension for Chrome

Looking for a way to install Controls for Instagram Videos extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Controls for Instagram Videos extensions manually, this article outlines two simple methods to effortlessly install Controls for Instagram Videos extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Controls for Instagram Videos extension and manually install through Drag &Drop

If you ever need to manually install a Controls for Instagram Videos extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Controls for Instagram Videos Extension by clicking the "Download CRX" button on the website.

Look for the Controls for Instagram Videos extension you wish to install. Go to the website and download the Controls for Instagram Videos extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Controls for Instagram Videos extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Controls for Instagram Videos extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Controls for Instagram Videos extension for Chrome and install in Developer Mode

This is another method to install Controls for Instagram Videos extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Controls for Instagram Videos extension file

Select and download the Controls for Instagram Videos extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Controls for Instagram Videos extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Controls for Instagram Videos extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Controls for Instagram Videos extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Controls for Instagram Videos extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Video Scrubber for Instagram Extension · Productivity 60,000+ 61 ★ 259KiB

icon

Facebook Video Controls Extension · Productivity 60,000+ 15 ★ 1.56MiB

icon

Oh My IG Extension · Social & Communication 60,000+ 52 ★ 162KiB

icon

Tweaks for Instagram Extension · Social & Communication 60,000+ 17 ★ 520KiB

icon

Browse Instagram as an inspirational board Extension · Productivity 60,000+ 15 ★ 42.81KiB

icon

MiniPlay Extension · Fun 60,000+ 53 ★ 937KiB

icon

Video Controls for TikTok Extension · Social & Communication 60,000+ 14 ★ 306KiB

icon

Better Instagram Videos: Playback & Volume Extension · Productivity 60,000+ 36 ★ 72.84KiB

icon

Turbo Downloader for Instagram Extension · Social & Communication 60,000+ 1034 ★ 258KiB

icon

TikTok Volume Buddy Extension · Accessibility 60,000+ 14 ★ 15.56KiB

icon

Instagram Reels Video Extension Controller Extension · Social & Communication 60,000+ 6 ★ 29.43KiB

icon

Better YouTube Shorts Extension · Productivity 60,000+ 191 ★ 106KiB

icon

YouTube Shorts Progress Bar Extension · Social & Communication 60,000+ 81 ★ 78.28KiB

icon

High Resolution Downloader for Instagram Extension · Productivity 60,000+ 140 ★ 327KiB

icon

Night Mode Extension · Social & Communication 60,000+ 128 ★ 42.85KiB

icon

Video Downloader for Instagram™ Extension · Productivity 60,000+ 372 ★ 60.5KiB

icon

Media Saver for Instagram Extension · Social & Communication 60,000+ 49 ★ 304KiB

icon

TTV LOL PRO Extension · Social & Communication 60,000+ 121 ★ 761KiB

icon

Youtube-shorts block Extension · Fun 60,000+ 734 ★ 38.15KiB

icon

Video Downloader for IW Extension · Productivity 60,000+ 29 ★ 34.13KiB

icon

Instant Save for Instagram and Flickr Extension · Photos 60,000+ 96 ★ 20.46KiB

icon

Alternate Player for Twitch.tv Extension · Fun 60,000+ 1513 ★ 170KiB

icon

App Client for Instagram™ - InLoad Extension · Social & Communication 60,000+ 592 ★ 168KiB

icon

FastSave Extension · Fun 60,000+ 305 ★ 360KiB

User reviews

icon

ZenGod (ID: 00000059a5581659) Voted 5 ★ - Updated 01/12/2024 The most useful extension for instagram PC

icon

Louis (ID: 00000063d4538b4a) Voted 1 ★ - Updated 10/24/2023 You guys got downloaded by LukeAFK and ruined it.

icon

Jony Plodzien (ID: 00000014c4d6abb6) Voted 5 ★ - Updated 10/12/2023 Goooooood

icon

Big Boss (ID: 00000043f70bfc40) Voted 4 ★ - Updated 10/02/2023 Pretty good but make it memorize the volume that we put

icon

jawad Riahi (ID: 0000005f17927035) Voted 4 ★ - Updated 10/01/2023 its a great extansion but it will be better if it dosent mute the vedio every time you scrol the vedio