javascript - 如何使用JavaScript更改YouTube播放器播放头的颜色？

Question

我想使用JavaScript在iframe中更改youtube播放头的颜色。
HTML:

 <iframe width="420" height="315"
src="https://www.youtube.com/embed/'Example'">
</iframe> 

我想从这里改变
(CSS)

.ytp-swatch-background-color {
    background-color: #f00;
}

对此
(CSS)

.ytp-swatch-background-color {
    background-color: green;
}

Answer 1

您为什么要为此使用javascript？您尝试使用“重要”覆盖初始样式。 .ytp-swatch-background-color {background-color:green!important; }
如果您想使用javascript设置样式，则可以像

const ELEMENT = document.querySelector('.ytp-swatch-background-color'); ELEMENT.style.backgroundColor = 'green';