React-player: Vimeo playback doesn't work

[jarekpelczynski]

Vimeo player stopped working without any changes. Youtube video works.
I use react-player v1.14.2.

Vimeo player is loaded (https://player.vimeo.com/api/player.js) and video's placeholder is embedded but video files are missing in source code.

Vimeo has changed something or kind of bug in react-player?

[malik-sahab]

Having the same issue. In Vimeo.js

Error: Vimeo.js:124 Uncaught (in promise) TypeError: Cannot read property 'Player' of undefined

Version: 1.11.1

[shayanalis]

same issue as @malik-sahab

[joeyparis]

I'm experiencing this issue as well. It has something to do with the URL parameters added to the iframe source as removing them embeds the player as normal. Specifically controls=0

[cookpete]

Can someone try to reproduce this in a jsFiddle? Hard to debug if I can't make it happen. Things seem ok here: https://jsfiddle.net/z2kmhdfp/

[jarekpelczynski]

It works for me if I add controls prop.
I don't remember exactly but previously, without this prop player shows play button at the center of the video. Currently, it shows a full control bar.

[joeyparis]

It also works for me if add the controls prop, which was not required
before.

On Fri, Dec 13, 2019 at 4:28 AM Jarek Pelczynski [e-mail]
wrote:

It works for me if I add controls prop.
I don't remember exactly but previously, without this prop player shows
play button at the center of the video. Currently, it shows a full control
bar.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/CookPete/react-player/issues/762?email_source=notifications&email_token=AAKQJDR6UFDVJWJSMEHXZ7TQYNIUJA5CNFSM4JZEDNS2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEGZNMZQ#issuecomment-565368422,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAKQJDWYDCXTDOAX6Q3RZILQYNIUJANCNFSM4JZEDNSQ
.

[cookpete]

Again, can anyone reproduce this in an example repo or jsFiddle? This fiddle has a vimeo URL played using v1.14.2, which seems to work fine both with or without controls prop.

ReactPlayer loads the player SDK from https://player.vimeo.com/api/player.js (a non-versioned URL, so presumably gets the latest version of the SDK every time), which is open sourced at https://github.com/vimeo/player.js, so it may well be a problem on that end. Support for controls was only recently added to the Vimeo SDK and added to ReactPlayer in https://github.com/CookPete/react-player/commit/74bc8e0f9b40444be6d9d0b76bdc392dd1010a04

[jarekpelczynski]

@CookPete can not reproduce.

[lulitd]

Sorry to open this up. I just encounter this issue in v1.14.2.

Some videos work fine without the controls prop, others do not.

• Does NOT work without controls prop https://vimeo.com/159748388
• Works without controls props https://vimeo.com/243556536

[cookpete]

https://vimeo.com/159748388 works fine for me without controls:

[lulitd]

@CookPete Thanks for the quick reply. You're correct, it does play without the controls props.

The inconsistency between the two videos when controls prop is not included threw me off.

https://vimeo.com/243556536 shows the controls without using controls prop, whereas https://vimeo.com/159748388 does not show the controls. I am presuming this has to do with the video settings set by the Vimeo user but will have to double-check.

This is what happens when I code past midnight.

[AnderAmorim]

Here I still get this error, even passing controls = {false}.

My version is 1.15.3

My code:

<ReactPlayer
     className='react-player'
     url={`https://vimeo.com/243556536`} 
     controls={false}
     playing
  />

Any other suggestions on how to make it work?