add switcher

packages/artplayer/src/style/index.scss

@@ -17,4 +17,5 @@
 @import './mini.scss';
 @import './autoSize.scss';
 @import './flip.scss';
+@import './switcher.scss';
 @import './balloon.scss';

packages/artplayer/src/style/switcher.scss

@@ -0,0 +1,30 @@
+.art-video-player {
+    .art-control-switcher {
+        position: relative;
+        .art-switcher-list {
+            display: none;
+            position: absolute;
+            bottom: 35px;
+            width: 100px;
+            padding: 5px 0;
+            text-align: center;
+            color: #fff;
+            background: rgba(0, 0, 0, 0.8);
+            border-radius: 3px;
+            .art-switcher-item {
+                height: 30px;
+                line-height: 30px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
+                &:hover {
+                    background-color: rgba(255, 255, 255, 0.1);
+                }
+            }
+        }
+        &:hover .art-switcher-list {
+            display: block;
+        }
+    }
+}