Convert URL to Embed Media URL

urlMediaConverter

/**
 * Converts regular YouTube and Vimeo URLs
 * into valid embed media urls to be used on iframes.
 * The regex's are based on these two links:
 * - https://gist.github.com/harisrozak/a34fce1899ae9458d700
 * - https://stackoverflow.com/a/22667308
 */

export const convertToEmbedMediaURL = (url: string): string => {
  const YOUTUBE_PATTERN_REG = /^.*(?:http?s?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/|user\/.+\/)?([^\?&"]+).*$/
  const isYouTubeURL = YOUTUBE_PATTERN_REG.test(url)
  if (isYouTubeURL) {
    return url.replace(YOUTUBE_PATTERN_REG, 'https://www.youtube.com/embed/$1')
  }
  
  const VIMEO_PATTERN_REG = /^(?:http?s?:)?\/\/(?:www\.)?vimeo\.com\/([^\?&"]+).*$/
  const isVimeoURL = VIMEO_PATTERN_REG.test(url)
  if (isVimeoURL) {
    return url.replace(VIMEO_PATTERN_REG, 'https://player.vimeo.com/video/$1')
  }

  return url
}