Add new utility functions and update styles

packages/artplayer/src/index.js

@@ -248,15 +248,7 @@ Artplayer.USE_RAF = false;
 if (utils.isBrowser) {
     window['Artplayer'] = Artplayer;
 
-    const $style = document.getElementById('artplayer-style');
-    if ($style) {
-        $style.textContent = style;
-    } else {
-        const $style = utils.createElement('style');
-        $style.id = 'artplayer-style';
-        $style.textContent = style;
-        document.head.appendChild($style);
-    }
+    utils.setStyleText('artplayer-style', style);
 
     setTimeout(() => {
         if (Artplayer.LOG_VERSION) {

packages/artplayer/src/utils/dom.js

@@ -95,3 +95,15 @@ export function getIcon(key = '', html = '') {
     append(icon, html);
     return icon;
 }
+
+export function setStyleText(id, style) {
+    const $style = document.getElementById(id);
+    if ($style) {
+        $style.textContent = style;
+    } else {
+        const $style = createElement('style');
+        $style.id = id;
+        $style.textContent = style;
+        document.head.appendChild($style);
+    }
+}