Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to hide the PiP(Pitcure-in-Picture) button on the video?

more options

I know that after PiP(Pitcure-in-Picture) is enabled, I can use it in two ways: one is the button on the right side of the address bar, and the other is the icon button floating on the video. I'm trying to figure out how to keep the PiP button on the address bar while hiding the icon button on the video. I do not want to turn off PiP, I just want to hide the icon button on the video. I tried setting it in about:config, but it only seems to have the opposite effect. If it's not possible to achieve what I want, where can I request this feature from Firefox?

I know that after PiP(Pitcure-in-Picture) is enabled, I can use it in two ways: one is the button on the right side of the address bar, and the other is the icon button floating on the video. I'm trying to figure out how to keep the PiP button on the address bar while hiding the icon button on the video. I do not want to turn off PiP, I just want to '''hide''' the icon button on the video. I tried setting it in ''about:config'', but it only seems to have the opposite effect. If it's not possible to achieve what I want, where can I request this feature from Firefox?
Attached screenshots

Chosen solution

Hello

If you wish to test an code userContent.css

.pip-wrapper{display:none!important;}

Copy/paste the code into Notepad Save Type: All files userContent.css

Create a chrome folder Move userContent.css to your chrome folder

Go to your profile folder https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile

Move your chrome folder to your profile folder

Go to Configuration Editor https://support.mozilla.org/en-US/kb/about-config-editor-firefox Enter a search term toolkit.legacyUserProfileCustomizations.stylesheets Double-click on the preference, to set its value to true

Restart Firefox

Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

Hello

If you wish to test an code userContent.css

.pip-wrapper{display:none!important;}

Copy/paste the code into Notepad Save Type: All files userContent.css

Create a chrome folder Move userContent.css to your chrome folder

Go to your profile folder https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile

Move your chrome folder to your profile folder

Go to Configuration Editor https://support.mozilla.org/en-US/kb/about-config-editor-firefox Enter a search term toolkit.legacyUserProfileCustomizations.stylesheets Double-click on the preference, to set its value to true

Restart Firefox

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.