feat: utilize unsafeWindow.player

src/components/VideoCard/use/_pip-window.tsx

@@ -155,6 +155,7 @@ function CloseThenOpenButton({ newHref, pipWindow }: { pipWindow: Window; newHre
     pipWindow.close()
     const u = new URL(newHref)
     u.searchParams.delete(QueryKey.PlayerScreenMode)
+    u.searchParams.delete(QueryKey.ForceAutoPlay)
     GM.openInTab(u.href, { active: true })
   }
 

src/main/video-play-page.tsx

@@ -11,6 +11,7 @@ import {
   hasDocumentPictureInPicture,
   openInPipOrPopup,
 } from '$components/VideoCard/use/useOpenRelated'
+import { getBiliPlayer } from '$utility/bilibili/player'
 import { getBiliPlayerConfigAutoPlay } from '$utility/bilibili/player-config'
 import { onVideoChange } from '$utility/bilibili/video-page'
 import { Button } from 'antd'
@@ -77,34 +78,24 @@ async function handleForceAutoPlay() {
   const isON = new URL(location.href).searchParams.get(QueryKey.ForceAutoPlay) === ForceAutoPlay.ON
   if (!isON) return
 
-  // make it pause
-  const toggle = () =>
-    document
-      .querySelector<HTMLElement>('#bilibili-player [role="button"][aria-label="播放/暂停"]')
-      ?.click()
-
-  const playing = () =>
-    !!document.querySelectorAll<HTMLDivElement>(
-      '#bilibili-player .bpx-player-container:not(.bpx-state-paused)',
-    ).length
+  const playing = (): boolean => {
+    const player = getBiliPlayer()
+    return !!player && !player.isPaused()
+  }
 
   const timeoutAt = Date.now() + ms('30s')
   while (Date.now() <= timeoutAt && !playing()) {
-    toggle()
+    getBiliPlayer()?.play()
     await delay(1000)
   }
   debug('handleForceAutoPlay complete, playing = %s', playing())
 }
 
 function pausePlayingVideoAndOpenInPipWindow() {
   // make it pause
-  const currentPaused = !!document.querySelectorAll<HTMLDivElement>(
-    '#bilibili-player .bpx-player-container.bpx-state-paused',
-  ).length
-  if (!currentPaused) {
-    document
-      .querySelector<HTMLElement>('#bilibili-player [role="button"][aria-label="播放/暂停"]')
-      ?.click()
+  const player = getBiliPlayer()
+  if (player && !player.isPaused()) {
+    player.pause()
   }
 
   // open in pipwindow

src/utility/bilibili/player.ts

@@ -0,0 +1,9 @@
+export type Player = {
+  play: () => void
+  pause: () => void
+  isPaused: () => boolean
+}
+
+export function getBiliPlayer(): Player | undefined {
+  return (unsafeWindow as any).player
+}