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

问题描述

我想使用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;
}

解决方法

为什么要为此使用javascript？您尝试使用“重要”来覆盖初始样式。 .ytp-swatch-background-color {background-color：green！important; }

如果您想用javascript设置样式，可以这样做

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