diff --git a/packages/artplayer/src/player/cssPropertyMix.js b/packages/artplayer/src/player/cssVarMix.js
similarity index 80%
rename from packages/artplayer/src/player/cssPropertyMix.js
rename to packages/artplayer/src/player/cssVarMix.js
index 62047e40c..3ae287a47 100644
--- a/packages/artplayer/src/player/cssPropertyMix.js
+++ b/packages/artplayer/src/player/cssVarMix.js
@@ -1,9 +1,9 @@
 import { def } from '../utils';
 
-export default function cssPropertyMix(art) {
+export default function cssVarMix(art) {
     const { $player } = art.template;
 
-    def(art, 'cssProperty', {
+    def(art, 'cssVar', {
         value(key, value) {
             if (value) {
                 return $player.style.setProperty(key, value);
diff --git a/packages/artplayer/src/player/index.js b/packages/artplayer/src/player/index.js
index dcc4f1386..bf4476373 100644
--- a/packages/artplayer/src/player/index.js
+++ b/packages/artplayer/src/player/index.js
@@ -24,7 +24,7 @@ import miniMix from './miniMix';
 import loopMix from './loopMix';
 import posterMix from './posterMix';
 import autoHeightMix from './autoHeightMix';
-import cssPropertyMix from './cssPropertyMix';
+import cssVarMix from './cssVarMix';
 import themeMix from './themeMix';
 import titleMix from './titleMix';
 import typeMix from './typeMix';
@@ -62,7 +62,7 @@ export default class Player {
         loopMix(art);
         posterMix(art);
         autoHeightMix(art);
-        cssPropertyMix(art);
+        cssVarMix(art);
         themeMix(art);
         titleMix(art);
         typeMix(art);