@ezuikit/player-theme

简介

萤石播放器主题

快速入门

import Theme from '@ezuikit/player-theme';
// 引入样式
import '@ezuikit/player-theme/dist/style.css';

// 使用
const theme = new Theme({
  // ...
});

// 播放器接入主题
class Player extends Theme {
  constructor(options) {
    super(options);
    // ...
  }
  // ...
}

样式变量

--ezplayer-default-color: #fff;
--ezplayer-primary-color: #407aff;
--ezplayer-active-color: var(--ezplayer-primary-color, #407aff);
--ezplayer-disabled-color: #aaa;
--ezplayer-font-size: 14px;
--ezplayer-icon-font-size: 24px;
--ezplayer-btn-height: var(--ezplayer-icon-font-size, 24px);
--ezplayer-border-radius: 8px;
// 移动端暂时不生效
--ezplayer-picker-panel-bg-color: rgba(0, 0, 0, 0.7);