Comments (4)
What exactly do you see? I don't think I understand the situation you are facing. When I try the style, it will show a "play" icon in the tab if Firefox blocked automatic playback in that (background) tab.
- Go to youtube.com
- Hold Ctrl and click some video
- The video opens in a background tab
Results a "play" icon is shown and clicking it will start playback and the icon changes to "mute" icon.
I would imagine that if you have some extension blocking playback then this might not work because chances are that the extensions will stop the playback only after it has started - like in a first frame or something. I doubt there's anything you can do about that since technically the playback was stopped, not blocked.
from firefox-csshacks.
Yes you are right. I am trying to replicate the behaviour of chrome
Scenario 1: Open new youtube link in a seprate tab
Current Behaviour: Shows play icon
Desired Beaviou: No play icon
Scenario 2: Video playing in a background tab
Current and Desired behaviour: Show speaker icon
I am trying to remove the play icon completely when firefox blocks automatic playback. For me the speaker icon is useful in tracking down which tab is playing audio.
Hope this clarifies and thanks for the help!
from firefox-csshacks.
Alright, I see. In this case you can just add this to the style:
.tab-icon-overlay[activemedia-blocked]{ display: none }
from firefox-csshacks.
Thanks that worked!
from firefox-csshacks.
Related Issues (20)
- autohide_bookmarks_and_main_toolbars conflicts with Open Page as Popup extension HOT 4
- Does vertical_tabs.css still work? HOT 16
- autohide_bookmarks_and_main_toolbars does not show bookmarks bar if window is in full screen (macOS) HOT 2
- autohide_bookmarks stays hidden when trying to add a bookmark by dragging & dropping a link. HOT 2
- multi-row_bookmarks: not working in Windows 11 HOT 2
- window_control_placeholder_support.css no longer working in Windows 11 as of 123.0a1 HOT 1
- tabs_on_bottom.css: bookmarks displayed only for fresh "New Tab" HOT 3
- non_floating_sharp_tabs line when unfocused HOT 1
- Misalignment using urlbar_results_in_two_rows in Firefox 122 HOT 3
- scrollable_urlbar_popup: icons and thin scrollbar HOT 7
- non_floating_sharp_tabs.css: opacity changes remain HOT 7
- [Bug][MacOS] Window buttons placeholder needs to disappear in fullscreen mode
- Make "autohide_toolbox.css" more like Windows-Taskbar-Autohide HOT 11
- With autohide_main_toolbar.css, dragging tabs only work for the top 1px or 2px. HOT 3
- urlbar_connection_type_background_colors.css HOT 2
- [centered_tab_content.css] Tab label shakes when mouse hovers on the tab HOT 2
- autohide toolbar: bigger hover area HOT 8
- firefox-csshacks/chrome /tabs_on_bottom.css HOT 3
- New csshack -- more visible notification dot in pinned tabs (email, chat, etc) HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from firefox-csshacks.