添加旋转和翻转设置

packages/artplayer/src/style/flip.scss

@@ -0,0 +1,13 @@
+.artplayer-video-player {
+    &[data-flip] {
+        //
+    }
+
+    &[data-flip="horizontal"] {
+        //
+    }
+
+    &[data-flip="vertical"] {
+        //
+    }
+}

packages/artplayer/src/style/index.js

@@ -14,3 +14,5 @@ import './aspectRatio.scss';
 import './fullscreenWeb.scss';
 import './pip.scss';
 import './autoSize.scss';
+import './flip.scss';
+import './rotate.scss';

packages/artplayer/src/style/rotate.scss

@@ -0,0 +1,21 @@
+.artplayer-video-player {
+    &[data-rotate] {
+        //
+    }
+
+    &[data-rotate="0"] {
+        //
+    }
+
+    &[data-rotate="90"] {
+        //
+    }
+
+    &[data-rotate="180"] {
+        //
+    }
+
+    &[data-rotate="270"] {
+        //
+    }
+}

packages/artplayer/src/style/setting.scss

@@ -50,5 +50,21 @@
                 cursor: pointer;
             }
         }
+
+        .art-setting-btn {
+            display: inline-block;
+            padding: 2px 5px;
+            min-width: 50px;
+            text-align: center;
+            color: #fff;
+            border: 1px solid #fff;
+            margin-right: 10px;
+            border-radius: 3px;
+            cursor: pointer;
+
+            &:hover, &.current {
+                background: #fff;
+            }
+        }
     }
 }