38 lines
812 B
TypeScript
38 lines
812 B
TypeScript
|
export const isYoutubeLink = (link: string) => {
|
||
|
|
try {
|
||
|
|
const url = new URL(link);
|
||
|
|
return ["youtu.be", "youtube.com"].includes(url.hostname);
|
||
|
|
} catch (err) {
|
||
|
|
console.log(err);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function extractYoutubeId(link: string) {
|
||
|
|
const url = new URL(link);
|
||
|
|
if (url.searchParams.has("v")) {
|
||
|
|
const id = url.searchParams.get("v");
|
||
|
|
|
||
|
|
if (id?.length && id.length > 4) {
|
||
|
|
return id;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return url.pathname.replace(/^\//, "");
|
||
|
|
}
|
||
|
|
|
||
|
|
export const YoutubePlayer = ({ link }: { link: string }) => {
|
||
|
|
const id = extractYoutubeId(link);
|
||
|
|
return (
|
||
|
|
<iframe
|
||
|
|
width="100%"
|
||
|
|
height="400px"
|
||
|
|
src={`https://www.youtube-nocookie.com/embed/${id}`}
|
||
|
|
frameBorder="0"
|
||
|
|
allow="autoplay; encrypted-media"
|
||
|
|
allowFullScreen
|
||
|
|
>
|
||
|
|
</iframe>
|
||
|
|
);
|
||
|
|
};
|