This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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 can I block the drop down minipalyer?

  • 8 replies
  • 0 have this problem
  • 7 views
  • Last reply by br5491

more options

How can I block the dropdown video miniplayer in Firefox 120.0.1 on Windows 11? It doesn't happen in MS Edge.

I've already set the following with no results:

media.autoplay.default = 5 media.autoplay.blocking_policy = 2 media.autoplay.allow-extension-background-pages = false media.autoplay.block-event.enabled = true media.block-autoplay-until-in-foreground = false

Is there a setting that I've missed? Can the miniplayer somehow be blocked using userContent.css? Can the miniplayer be totally removed from Firefox?

How can I block the dropdown video miniplayer in Firefox 120.0.1 on Windows 11? It doesn't happen in MS Edge. I've already set the following with no results: media.autoplay.default = 5 media.autoplay.blocking_policy = 2 media.autoplay.allow-extension-background-pages = false media.autoplay.block-event.enabled = true media.block-autoplay-until-in-foreground = false Is there a setting that I've missed? Can the miniplayer somehow be blocked using userContent.css? Can the miniplayer be totally removed from Firefox?

Chosen solution

Though I'm not a coder and I don't know what I'm doing, I got it to work via trial and error. The first entry works so I added the other domains. Thanks for pointing me in the right direction.

@-moz-document domain(foxnews.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}

@-moz-document domain(foxbusinessnews.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}

@-moz-document domain(foxbusiness.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}

Read this answer in context 👍 1

All Replies (8)

more options

What website do you see this miniplayer on? An extension could possibly be blocking it on Edge.

Firefox has a Picture-in-Picture player but it must be opened manually by clicking the button on videos or pressing Ctrl+Shift+].

Does it still appear in Troubleshoot Mode?

more options

I guess it could be media.hardwaremediakeys.enabled.

more options

The dropdown video happens in troubleshooting mode too. The media.hardwaremediakeys.enabled was already set to false. Toggling it had no effect.

more options

Is this about the mini player that some websites display if you scroll the page to keep the video in view ? If the video isn't started then you shouldn't get this mini player.

Can you post a link to a page where the media prefs aren't blocking the player ?

You can check the player in the Inspector to get its selector (#id or .classname), you would have to scroll up in the DOM to find the outer element that contains the player and add a rule to your current userContent.css to hide this player. Enclose this rule in a @-moz-document domain(){} block to apply the rule only to this domain.

more options

The issue seems to be only with Fox website videos such as https://www.foxnews.com/video/6342556974112 and https://www.foxbusiness.com/lifestyle/video-shows-michigan-mom-punching-store-clerk-front-1-year-old-daughter-police.

media.videocontrols.picture-in-picture.enabled is set to false but picture-in-picture still pops up.

more options

This is not about the Firefox PiP features, but is done by the website via JavaScript and CSS. There is the main .video-container DIV element and within that a DIV .sticky-wrapper that gets an extra .sticky-player once you scroll down. You can hide the .sticky-player DIV, but that leaves the .video-container DIV that has a padding-bottom property which is scrollable. I don't know hide to hide the .video-container DIV via CSS only when there is .sticky-player DIV present. This looks a bit ugly depending on the width of the window.

@-moz-document
 domain(www.foxbusiness.com),
 domain(www.foxnews.com) {
  .video-container .sticky-player {
    display:none!important;
  }
}
more options

You can use an extension like Kill Sticky or AlwaysKillSticky to hide sticky parts of the page like miniplayers.

more options

Chosen Solution

Though I'm not a coder and I don't know what I'm doing, I got it to work via trial and error. The first entry works so I added the other domains. Thanks for pointing me in the right direction.

@-moz-document domain(foxnews.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}

@-moz-document domain(foxbusinessnews.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}

@-moz-document domain(foxbusiness.com){

.featured.featured-video.video-ct.sticky-video .contain {
 display: none !important;
}

}