Forcing every video on a page to show tools
I am writing second time because something bugged and 10 mins of my text is gone...
Is there a way to stop video on page faster than rmb on every video and then controls and then when play/pause button is visible with other info like video lenght lmb on video to pause it? Like forcing browser to show video controls like this on every video on a page would be really nice because i often show controls to check how long video will be. Shouldn't it be like on youtube where you can see video controls just by moving your mouse over it and it auto dissaper after you stop moving it? Also there is really annoying bug or something, sometimes videos won't auto pause when i scroll down, and on pages with infinite stuff like 9gag it is really troublesome, you have to rmb then controls then lmb to stop it. Prevent videos from auto playing setting isn't working at all.
All Replies (7)
It would be a good feature to have a global stop button. There's nothing like that built-in -- just mute up on the tab -- but maybe there's an add-on for that?
At the individual video level, Firefox leaves it up to the site whether to show controls. There are some threads on Reddit about ways to force-enable them automatically that might save you a step. I have not tried them myself:
Note that you can also mute a video via the "List all tabs" drop-down list if this is not a pinned tab. The list stays open if you click a (un)mute button
You can use code in userChrome.css to have this button always visible.
Add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* LIST ALL TABS - always visible */
#tabbrowser-tabs ~ #alltabs-button {display:-moz-box!important; visibility:visible!important}
It is not that difficult to create userChrome.css if you have never used it.
The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.
You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a plain text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
You need to close (Quit/Exit) and restart Firefox when you create or modify the userChrome.css file.
See also:
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- toolkit.legacyUserProfileCustomizations.stylesheets = true
See:
jscher2000 said
It would be a good feature to have a global stop button. There's nothing like that built-in -- just mute up on the tab -- but maybe there's an add-on for that? At the individual video level, Firefox leaves it up to the site whether to show controls. There are some threads on Reddit about ways to force-enable them automatically that might save you a step. I have not tried them myself:
This script thing from 1st link seems interesting and exactly what i am looking for, but is it safe? I mean, this script addon and the code that it will execute:
https://greasyfork.org/en/scripts/21309-9gag-com-video-controls-on-hover/code
also i found this addon: https://addons.mozilla.org/firefox/addon/show-html5-video-controls/
but again it is barely used and what about safety of addons like this?
Modified by cor-el
Add-on safety is a complicated topic. Let me start by saying there are two general approaches to making changes within a web page:
(1) Request permission in advance so changes can be injected automatically when the page loads
(2) Require you to click a button or context menu item to grant one-time permission to inject changes after the page loads
The "Show HTML5 Video Controls" extension, and the *monkey extensions used to run user scripts follow approach #1. This is more convenient, but it does require more trust in the author.
If you are hesitant going with approach #1 for this -- it's not critical that the function be automatic -- the code could be converted to approach #2 and run using a bookmarklet (a script you attach to a bookmark) or a dedicated extension.
sorry i messed up quoting and i cant delete this comment
Modified by DoneDonedone
cor-el said
Note that you can also mute a video via the "List all tabs" drop-down list if this is not a pinned tab. The list stays open if you click a (un)mute button You can use code in userChrome.css to have this button always visible. Add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* LIST ALL TABS - always visible */ #tabbrowser-tabs ~ #alltabs-button {display:-moz-box!important; visibility:visible!important}
I've tried that but this is not what i am looking for (videos still playing after scrolling down)
So i think i will stick to this casual rmb and show controls stuff because i don't feel like allowing this script addon to know that much.
Would be great if you add this feature into next patch tho.
Modified by DoneDonedone