arcus92 / instagram-video-control Goto Github PK

The player controls on Desktop Stories are overlapped by the Instagram UI.

Steps to reproduce:

• Open a post with multiple images and at least one video.
• Navigate to the video.
• There is a small bullet navigation at the bottom of the post added by Instagram.
• The controls are added. This overlays Instagram's indicators.

Allow the user to switch to the native browser controls and disabled our custom UI.
If this extension breaks due to an Instagram update, the user could might still control the video using the native UI.

The Firefox AddOns Store detects the use of innerHTML and marks it as a possible security vulnerability. Even though I only use it with controlled inputs, to change the icons, I should replace the code with something like document.createElement. At least to get rid of the warning.

I'd love for there to be an option to have a default volume for videos via this extension. Videos always start muted for me and I haven't been able to figure out a way to change that. If the extension had a settings page to configure that, that'd be incredible.

Absolutely no idea how much work this would require so no worries if it's not worth it to you. Really love the extension as-is, it's the only one that has consistently worked for me and I appreciate you making it!

Hey, man! Your extension is very good! Thanks for this. It's simple, adds video controls and saves the volume between videos. Just a little thing: it's not keeping the volume enabled when watching reels (I have to enable the volume/unmute manually for every video). Edit: there's also an issue with accessing the controls/volume seeing stories (can't access because of the Instagram reply field).

The user might don't want to see the video controls all time. We should add an option to only show the controls if the mouse hovers over the bottom corner of the video element. The controls could move in and out with a little animation. There could be a very small, transparent indicator.

This should be toggled via a global settings menu. This could be show when clicking the extension icon in the browser toolbar. Currently the extension icon doesn't have any effect at all.

It would be nice if we can have a full screen button feature.

It's not a big problem, but I wanted to report it anyway. The extension icon is not visible if the browser is in dark mode.

Hi, first: thanks for the amazing extension, I literally cannot go without anymore.
But I came across two bugs those days (might be that instagram changed a few things on their side?)
First the instagram default controls (which before were hidden by your extension) are now visible again:

You can see the double mute button on the bottom right.

Second bug: the detection zone for the button is either slightly out of alignement, or too small. For exemple when I try to use the bar for the sound, I have to click below the bar, because if I try to move to hover on it, the controls disappear:

This specific bug started about 4-5 days ago (or at least I noticed it at that time). Before that I could click the buttons right on top of them and it would work.

Thanks again for the app in any cases (because even with those bugs, I can't even think of not using it XD)

Currently the control visibility is handled by the browser:

• Controls are and stay visible when the video loads.
• Controls hide if mouse leaves to the bottom of the controls, but not through the top (Firefox?)
• Controls are shown again when video loops.

Better behavior:

• Controls should not be visible on load.
• Controls should become visible when mouse moves to the bottom of the video.
• Controls should not be shown on loop.

The only way to control this behavior is by not using the browser controls and creating custom controls. Then we would also archive the same behavior across Firefox and Chrome.

In stories, we can't use the media controls because it's behind the reply section. I have attached a video demonstrating the issue.
Maybe moving the media controls a little bit up can solve it.

When the mobile extension is used for Reels on Firefox on Android, the video controls are overlapped by the Instagram UI. The UI is not shifted up like on other platforms.

I should add my own icons and not use the emoji symbols. These look different on different platforms. Sometimes they also have different sizes.

I should replace them by custom SVG files. Either find some good open-source icons or try to draw them by myself.

Firefox and Chrome support picture-in-picture for videos. Normally, this feature is accessible by right-clicking a video tag. Due to the new custom player bar, this cannot be accessed as easy as with the native controls.
We should add a button to active PiP in the video controls.

If someone linked a post on their reels, it does convert it to html 5 video player but in return we lose the option to go to the linked post's page. So the "See Post" button doesn't appear on clicking on this video player.

I am scrolling through instagram reels but it randomly mutes them. I tried to find a pattern but no success yet. I scroll both with "down arrow" and "mouse scroll-wheel", idk if that has anything to do with this. Sometimes audio plays for 2-3 seconds and then mutes and sometimes fully muted from start.

I am on Chromium / Ubuntu 22.04.

What can be done to make the video control bar appear for embedded instagram videos on other sites? In Chrome Extensions, the extension is only authorized to work on instagram.com.
Your help or improvement of the extension would be gratefully appreciated.

On a profile, after I open a video, and scroll through the profile I notice how laggy it is. I check task manager 2gb-3gb when it's a couple of instagram pages.
The second i deactivate the add-on/extension everything works as normal.

I am on Firefox and when I open Instagram page every time or enter profile pages, the videos are always muted by default. I have to click the unmute button in the video control.

Would be nice if this add-on allows an option to always unmute the videos by default.

Thanks.