AI: address issue #150

frontend/src/components/PostEmbed.tsx

@@ -196,9 +196,10 @@ const PostEmbed: FC<Props> = (
       return <TwitterEmbed userId={userId} statusId={statusId}/>
     }
 
-  case 'tiktok.com':
+  case 'bilibili.com':
     {
-      const videoId = url.pathname.match (/^\/@[^/]+\/video\/(\d+)\/?$/)?.[1]
+      const videoId = url.pathname.match (
+	  /^\/video\/(BV[a-zA-Z0-9]{10}|av[1-9]\d*)\/?$/)?.[1]
       if (!(videoId))
 	break
 
@@ -207,13 +208,24 @@ const PostEmbed: FC<Props> = (
       if (shouldLoadEmbed === false)
 	return manualLoadControl
 
+      const playerUrl = new URL ('https://player.bilibili.com/player.html')
+      const parameter = videoId.startsWith ('BV') ? 'bvid' : 'aid'
+      const identifier = parameter === 'bvid' ? videoId : videoId.slice (2)
+      playerUrl.searchParams.set (parameter, identifier)
+      playerUrl.searchParams.set ('autoplay', '1')
+
+      const page = url.searchParams.get ('p')
+      if (page != null && /^[1-9]\d*$/.test (page))
+	playerUrl.searchParams.set ('p', page)
+
       return (
 	  <iframe
-	      src={`https://www.tiktok.com/player/v1/${ encodeURIComponent (videoId) }`}
+	      src={playerUrl.toString ()}
 	      title={post.title || post.url}
-	      width={325}
-	      height={578}
-	      className="max-w-full"
+	      width={640}
+	      height={360}
+	      className="aspect-video h-auto max-w-full"
+	      allow="autoplay; fullscreen"
 	      allowFullScreen/>)
     }