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.98k stars 1.13k forks source link

react-player embedded vimeo url is not working?? #1322

Closed barnwalvijay closed 2 years ago

barnwalvijay commented 2 years ago

Be sure to search for your issue before opening a new one.

Current Behavior

I am using react-player to embed vimeo videos in our application. Previously it was working fine but now it gives below error:

GET https://vimeo.com/api/oembed.json?url=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F436847744&url=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F436847744&autoplay=false&muted=false&loop=false&playsinline=true&controls=true&autopause=false&byline=false&portrait=false&title=false 404 (Not Found)

As per above url it shows double url parameter. I dont know it is from vimeo side or package side issue.

Expected Behavior

it should run like https://player.vimeo.com/video/436847744. This url is working fine with iframe buit not in react-player.

I need react-player because of callback methods.

Other Information

Please help me to resolve this. It is very critical for me as it is breaking in production.

ashveen commented 2 years ago

I had to replace https://player.vimeo.com/video/{video_id} with https://vimeo.com/{video_id} as per Vimeo url scheme here:

The video is: A regular Vimeo video | https://vimeo.com/{video_id} In a showcase | https://vimeo.com/album/{album_id}/video/{video_id} On a channel | https://vimeo.com/channels/{channel_id}/{video_id} In a group | https://vimeo.com/groups/{group_id}/videos/{video_id} An On Demand video | https://vimeo.com/ondemand/{ondemand_id}/{video_id}

ghost commented 2 years ago

Having the same exact issue on our end as well for private videos, accessing from authorized domains. Getting a 404. Problem persists event after changing the url from player.vimeo.com/video to vimeo.com. I would love to hear if anyone has found a solution!

devinajimine commented 2 years ago

Same problem here player.vimeo videos are getting a 404.

hellouplift commented 2 years ago

Having the same issue, not sure if it is react-player or Vimeo? Any updates will be much appreciated!

rafafscardoso commented 2 years ago

Same issue here, getting 404 acessing from authorized domain. Did anyone find a solution?

NiviAppno commented 2 years ago

We are getting the same issue since yesterday, with no changes made to code or vimeo settings

marcelo-amorim-mobrj commented 2 years ago

Same problem here. Anyone can help ? I'm revisited all the configurations and domains allowed to embed the video... nothing!! The player receives 404.

jcaffrey commented 2 years ago

@cookpete any guidance here would be much appreciated!

devinajimine commented 2 years ago

I had this problem 4 days ago, and I found out that Vimeo just rolled out a unique hash within the embed URL parameters for security purposes I guess. For example, previously it was https://player.vimeo.com/video/123456789?..... but now it is https://player.vimeo.com/video/123456789?h=abcefghi&....

specifically -> ?h=abcefghi&

If you go to your video -> embed -> the h=... is now in the URL. If you don't have the hash you will get the 404 not found error.

The unfortunate part is I had to change all of my URLs manually, and I couldn't find an automated way to convert all of my URLs quickly as the hash is unique for each video. Maybe someone else has a better idea of how to automate?

I hope that helps for folks, not the ideal solution, but it is a solution.

cookpete commented 2 years ago

Looks like a temporary bug with Vimeo’s player.js library. The original URL that wasn't working seems to be ok now.

image