CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(video-embed): refactor URL generation and prevent Bilibili autoplay

Browse Source
This commit is contained in:
cfngc4594 2025-03-28 10:38:46 +08:00
parent 95eed59c26
commit e490f1bcea
1 changed files with 12 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/content/video-embed.tsx
View File

@ -3,25 +3,19 @@ interface VideoEmbedProps {
id: string;
}
const platformSrcMap: Record<VideoEmbedProps["platform"], string> = {
youtube: "https://www.youtube.com/embed/",
bilibili: "https://player.bilibili.com/player.html?bvid=",
};
export function VideoEmbed({
platform,
id,
}: VideoEmbedProps) {
const src = platformSrcMap[platform] + id;
const platformSrcMap = {
youtube: (id: string) => `https://www.youtube.com/embed/${id}`,
bilibili: (id: string) =>
`https://player.bilibili.com/player.html?bvid=${id}&autoplay=0`,
} as const;
export function VideoEmbed({ platform, id }: VideoEmbedProps) {
return (
<div>
<iframe
className="aspect-video w-full"
src={src}
title={`${platform} Video Player`}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
/>
</div>
<iframe
className="aspect-video w-full"
src={platformSrcMap[platform](id)}
title={`${platform} Video Player`}
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
/>
);
}