search

cookpete / react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
https://cookpete.github.io/react-player
MIT License
8.94k stars 1.12k forks source link

New Direct links from vimeo is not working #1399

Closed mayander30 closed 2 years ago

mayander30 commented 2 years ago

Vimeo changed the direct links from the api now returns like it

https://player.vimeo.com/progressive_redirect/playback/675622290/rendition/360p?loc=external&oauth2_token_id=1406393538&signature=1545279f8150f119095ae76eb3326158500e1a9f3b2df1ed271917f4e3d0af2d

this links works fine in a

stanimal commented 2 years ago

I'm seeing the same issue. React player is trying to load the new url format with the oembed Vimeo API, which is returning a 404. With the old format vimeo urls, React player does not try to load via oembed.

Fyb3roptik commented 2 years ago

Same issue here!

Fyb3roptik commented 2 years ago

@cookpete This is affecting my prod env

mayander30 commented 2 years ago

Yes, me too, I am using the embed link, but is not the solution for me, maybe we need use other lib.

Fyb3roptik commented 2 years ago

Let me know if you find one

cookpete commented 2 years ago

This is only broken because Vimeo have decided not to include .mp4 or some other sensible extension in their links to external video files. Very annoying. Publishing a fix shortly.

garciabruno commented 2 years ago

Any updates on this?

cookpete commented 2 years ago

I’m publishing a new version soon that includes a fix for this (plus loads of other recent fixes).

aaronetales commented 2 years ago

@cookpete Do you have an estimate as to the release to the master branch?

Fyb3roptik commented 2 years ago

I already removed this component as I cannot afford for this to happen again.

iiKulakov commented 2 years ago

Same issue, waiting for update...

Fyb3roptik commented 2 years ago

Workaround is to manually add video like so

<video
     width="100%" height="100%"
     controls={true}
     autoPlay
     src={videoUrl} />
dohomi commented 2 years ago

I receive following error on Vimeo videos, is that related? Vimeo videos are not loading at all while Youtube works.

next-dev.js?3515:32 TypeError: t.replace is not a function
    at u (player.js:2:1049)
    at player.js:2:10858
    at new Promise (<anonymous>)
    at new Player (player.js:2:10370)
Fyb3roptik commented 2 years ago

I receive following error on Vimeo videos, is that related? Vimeo videos are not loading at all while Youtube works.

next-dev.js?3515:32 TypeError: t.replace is not a function
    at u (player.js:2:1049)
    at player.js:2:10858
    at new Promise (<anonymous>)
    at new Player (player.js:2:10370)

Yes

mayander30 commented 2 years ago

@cookpete Any chance to solve this issue ?

dohomi commented 2 years ago

is there a workaround at the moment?

Fyb3roptik commented 2 years ago

Workaround is to manually add video like so

<video
     width="100%" height="100%"
     controls={true}
     autoPlay
     src={videoUrl} />

@dohomi I posted one above

cookpete commented 2 years ago

Fixed in 2.10.0. Sorry for the delay all.

LC43 commented 2 years ago

thank you for your hard work @cookpete !

keerthiyml commented 2 years ago

Facing this issue again. However vimeo videos work locally but not in any environments. Any suggestions?

Fyb3roptik commented 2 years ago

Workaround is to manually add video like so

<video
     width="100%" height="100%"
     controls={true}
     autoPlay
     src={videoUrl} />

@keerthiyml