More than 1 year has passed since last update.

React-Youtubeで使うビデオIDを正規表現で取り出す

JavaScript
TypeScript
React
react-youtube

Last updated at 2023-05-31Posted at 2023-04-25

結論

urlにはYoutbe動画のurl叩き込んでください。

  const getVideoId = (url: string): string | undefined => {
    const match = url.match(
      /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([\w-]{11})(?:\S+)?$/
    );
    return match?[1] : undefined;
  };

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up