优化互斥关系

packages/artplayer/src/style/index.scss

@@ -17,5 +17,6 @@
 @import './mini.scss';
 @import './autoSize.scss';
 @import './flip.scss';
+@import './rotate.scss';
 @import './selector.scss';
 @import './balloon.scss';

packages/artplayer/src/style/rotate.scss

@@ -0,0 +1,22 @@
+.art-video-player {
+    &[data-rotate='90'],
+    &[data-rotate='-270'] {
+        .art-video {
+            transform: rotate(90deg);
+        }
+    }
+
+    &[data-rotate='180'],
+    &[data-rotate='-180'] {
+        .art-video {
+            transform: rotate(180deg);
+        }
+    }
+
+    &[data-rotate='270'],
+    &[data-rotate='-90'] {
+        .art-video {
+            transform: rotate(270deg);
+        }
+    }
+}

packages/artplayer/src/style/setting.scss

@@ -53,6 +53,10 @@
                     color: #fff;
                     background: rgba(255, 255, 255, 0.2);
                     border-radius: 2px;
+
+                    &:active {
+                        background-color: #00a1d6;
+                    }
                 }
                 &.current button {
                     background-color: #00a1d6;