34 lines
801 B
TypeScript
34 lines
801 B
TypeScript
import * as React from "react";
|
|
import Frame from "../components/Frame";
|
|
import { EmbedProps as Props } from ".";
|
|
|
|
function YouTube(props: Props) {
|
|
const { matches } = props.attrs;
|
|
const videoId = matches[1];
|
|
|
|
let start;
|
|
try {
|
|
const url = new URL(props.attrs.href);
|
|
const searchParams = new URLSearchParams(url.search);
|
|
start = searchParams.get("t")?.replace(/s$/, "");
|
|
} catch {
|
|
// noop
|
|
}
|
|
|
|
return (
|
|
<Frame
|
|
{...props}
|
|
src={`https://www.youtube.com/embed/${videoId}?modestbranding=1${
|
|
start ? `&start=${start}` : ""
|
|
}`}
|
|
title={`YouTube (${videoId})`}
|
|
/>
|
|
);
|
|
}
|
|
|
|
YouTube.ENABLED = [
|
|
/(?:https?:\/\/)?(?:www\.)?youtu\.?be(?:\.com)?\/?.*(?:watch|embed)?(?:.*v=|v\/|\/)([a-zA-Z0-9_-]{11})([\&\?](.*))?$/i,
|
|
];
|
|
|
|
export default YouTube;
|