add CssVar

packages/artplayer/src/index.js

@@ -192,6 +192,7 @@ export default class Artplayer extends Emitter {
             },
             i18n: {},
             icons: {},
+            cssVar: {},
             customType: {},
             lang: navigator.language.toLowerCase(),
         };

packages/artplayer/src/scheme/index.js

@@ -118,5 +118,6 @@ export default {
     moreVideoAttr: o,
     i18n: o,
     icons: o,
+    cssVar: o,
     customType: o,
 };

packages/artplayer/types/cssVar.d.ts

@@ -0,0 +1,3 @@
+export type CssVar = {
+    //
+};

packages/artplayer/types/events.d.ts

@@ -1,5 +1,4 @@
-import { AspectRatio, Flip, PlaybackRate } from './player';
-import { Selector } from './component';
+import { AspectRatio, Flip } from './player';
 
 export type Events = {
     'video:canplay': [event: Event];

packages/artplayer/types/option.d.ts

@@ -2,6 +2,7 @@ import { Subtitle } from './subtitle';
 import { Setting } from './setting';
 import { Icons } from './icons';
 import { I18n } from './i18n';
+import { CssVar } from './cssVar';
 import { ComponentOption } from './component';
 import Artplayer = require('./artplayer');
 
@@ -302,6 +303,11 @@ export type Option = {
         [key in keyof Icons]?: HTMLElement | string;
     };
 
+    /**
+     * Custom css variables
+     */
+    cssVar?: CssVar;
+
     /**
      * Custom video type function
      */