diff --git a/packages/artplayer/src/scheme/index.js b/packages/artplayer/src/scheme/index.js
index 9d65aa01f..74b58beb9 100644
--- a/packages/artplayer/src/scheme/index.js
+++ b/packages/artplayer/src/scheme/index.js
@@ -65,7 +65,7 @@ export default {
         {
             ...component,
             position: (value, type, paths) => {
-                const position = ['top', 'left', 'right', 'middle'];
+                const position = ['top', 'left', 'right'];
                 return errorHandle(
                     position.includes(value),
                     `${paths.join('.')} only accept ${position.toString()} as parameters`,
diff --git a/packages/artplayer/src/template.js b/packages/artplayer/src/template.js
index c80906e8e..216a2d83e 100644
--- a/packages/artplayer/src/template.js
+++ b/packages/artplayer/src/template.js
@@ -38,7 +38,6 @@ export default class Template {
               <div class="art-progress"></div>
               <div class="art-controls">
                 <div class="art-controls-left"></div>
-                <div class="art-controls-middle"></div>
                 <div class="art-controls-right"></div>
               </div>
             </div>
@@ -111,7 +110,6 @@ export default class Template {
         this.$progress = this.query('.art-progress');
         this.$controls = this.query('.art-controls');
         this.$controlsLeft = this.query('.art-controls-left');
-        this.$controlsMiddle = this.query('.art-controls-middle');
         this.$controlsRight = this.query('.art-controls-right');
         this.$layer = this.query('.art-layers');
         this.$loading = this.query('.art-loading');