Controls for Instagram Videos
Adds video playback controls to Instagram videos embedded in web pages (seek bar, volume, play/pause, download video button).
什麼是Controls for Instagram Videos？
Controls for Instagram Videos是由https://rehfeld.us開發的Chrome擴展程式，該擴展的主要功能是“Adds video playback controls to Instagram videos embedded in web pages (seek bar, volume, play/pause, download video button).”。
擴展截圖
下載Controls for Instagram Videos擴展crx文件
下載Controls for Instagram Videos擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。
擴展使用說明
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. 擴展基本資訊
| 名稱 |  Controls for Instagram Videos |
| ID | eigfbedabacomcacemdnkelnlhgbiacn |
| 官方網址 | https://chromewebstore.google.com/detail/controls-for-instagram-vi/eigfbedabacomcacemdnkelnlhgbiacn |
| 簡介 | Adds video playback controls to Instagram videos embedded in web pages (seek bar, volume, play/pause, download video button). |
| 檔案大小 | 238 KB |
| 安裝次數 | 44,166 |
| 目前版本 | 1.33 |
| 更新時間 | 2023-02-07 |
| 上架時間 | 2020-05-11 |
| 評分 | 3.87/5 共 220 次評分 |
| 開發者 | https://rehfeld.us |
| 電子郵箱 | [email protected] |
| 付費類型 | free |
| 擴展官網 | https://rehfeld.us/browser-extensions/controls-for-instagram/ |
| 支援的語言 | en-US |
| 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"
}
}
} | |
