Dificuldade em adaptar regex para javascript - matches não batem

Boa tarde pessoal!

Tenho a seguinte REGEX, . Ela serve para detectar se uma URL vem do Youtube ou do Vimeo, e possui os parâmetros necessários.

(?:(?i)(?:https:|http:)?\/\/)?(?:(?i)(?:www\.youtube\.com\/(?:embed\/|watch\?v=)|youtu\.be\/|youtube\.googleapis\.com\/v\/)(?<YoutubeID>[a-z0-9-_]{11,12})|(?:vimeo\.com\/|player\.vimeo\.com\/video\/)(?<VimeoID>[0-9]+))

	Ela é totalmente funcional no modelo PCRE (PHP). Testada aqui: [https://regex101.com/r/PVdjg0/2](https://regex101.com/r/PVdjg0/2)

	 

	Utilizo estes matches pra testar:

>

Citar

https://www.youtube.com/embed/123456789012
https://www.youTUbe.com/embed/123456789012
http://www.youtube.com/watch?v=My2FRPA3Gf8
htTp://www.youtube.com/watch?V=My2FRPA3Gf8
http://youtu.be/My2FRPA3Gf8
http://youTU.be/My2FRPA3Gf8
https://www.youtu.be/embed/123456789012
https://youtube.googleapis.com/v/123456789012
https://youtube.googleAPis.com/v/123456789012
https://youtube.googleapis.com/embed/123456789012
https://www.youtube.com/embed/123456789012
http://www.youtube.com/embed/123456789012

//www.youtube.com/embed/123456789012

www.youtube.com/embed/123456789012

http://vimeo.com/25451551
http://player.vimeo.com/video/25451551

https://player.vimeo.com/video/6969232737373733383782383273287328327342873
http://player.vimeo.com/video/6969

Porém, preciso utiliza-la em um campo HTML dentro do atributo pattern. Por isso, preciso convertê-la para o padrão do JS. Mas aí começam uma série de problemas.

Se eu utilizo como está, recebo o seguinte erro:

? The preceding token is not quantifiable

Testes que realizei:

- Se eu escapar o (?i) desta maneira: (/?i), só são validadas entradas do Vimeo.

- Se eu deixar sem o ?, mesma coisa.

- Se eu retirar a condição (?i), fica case sensitive, e não posso utilizar, pois videos do Youtube tem o parâmetro URL muitas vezes com maisculos, minusculos...

Alguém pode me ajudar?