在这个 git issue中讨论了如何更改vue-plyr
用户界面的颜色。Sampotts提到了一种通过改变的方式css variables
。我一直在尝试这样做,但没有成功。
在node_modules/plyr/src/sass/settings
目录中有一个colors.scss
文件,但颜色变量的更改似乎不会影响播放器颜色:
:root {
--plyr-color-main: yellow;
}
$plyr-color-main: var(--plyr-color-main, hsl(198, 100%, 50%)) !default;
$plyr-video-background: var(--plyr-video-background, rgba(0,0,0,1)) !default;