搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

How to change html5 video play button overlay transparency

more options

The default settings for Firefox's Video tag overlay a play button on the window that has a semi-transparent overlay, and it gets darker when you hover over it. Chrome does not do this by default, and I kind of like that better. How can I keep the play button, but get rid of the color changing overlay? I can't find how to style that. Any help is appreciated. Thanks guys/gals.

The default settings for Firefox's Video tag overlay a play button on the window that has a semi-transparent overlay, and it gets darker when you hover over it. Chrome does not do this by default, and I kind of like that better. How can I keep the play button, but get rid of the color changing overlay? I can't find how to style that. Any help is appreciated. Thanks guys/gals.

所有回覆 (3)

more options

Are you a webmaster seeking to modify a particular website, or do you want to customize how it looks for you personally?

For a local override, you could try targeting the .clickToPlay selectors in this file: chrome://global/skin/media/videocontrols.css

more options

Hey thanks! That works for me. I should have specified though, I would like to be able to change it on my website so all viewers would see if that way as well. Is there a way for that?

more options

How did you do the modification locally?

  • If you did it using userContent.css (or a Stylish rule targeted at the HTML namespace) then it definitely would be worth a try.