feat: 添加 Document Picture-in-Picture 插件样式支持

packages/artplayer-plugin-document-pip/src/index.js

@@ -1,3 +1,5 @@
+import style from 'bundle-text:./style.less'
+
 export default function artplayerPluginDocumentPip(userOptions = {}) {
   const options = {
     width: 480,
@@ -188,3 +190,21 @@ export default function artplayerPluginDocumentPip(userOptions = {}) {
 if (typeof window !== 'undefined') {
   window.artplayerPluginDocumentPip = artplayerPluginDocumentPip
 }
+
+if (typeof document !== 'undefined') {
+  const id = 'artplayer-plugin-document-pip'
+  let $style = document.getElementById(id)
+  if (!$style) {
+    $style = document.createElement('style')
+    $style.id = id
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', () => {
+        document.head.appendChild($style)
+      })
+    }
+    else {
+      (document.head || document.documentElement).appendChild($style)
+    }
+  }
+  $style.textContent = style
+}

packages/artplayer-plugin-document-pip/src/style.less

@@ -0,0 +1,4 @@
+.art-video-player{
+    width: 100% !important;
+    height: 100% !important;
+}