Few features of the player does not work for Vimeo/Youtube

[ljairath]

Following features did not work for me.

Vimeo: Controls, Loop, Fullscreen
Youtube: Fullscreen, Controls work except that Youtube icon is displayed.

[scharissis]

@ljairath have you tried enabling modestbranding to not show the YouTube icon/logo?

<ReactPlayer
                      url='https://www.youtube.com/watch?v=mFJZ0HaYYB8'
                      config={{
                        youtube: {
                          playerVars: { modestbranding: 1 }
                        }
                      }}
                    />

[cookpete]

There's quite a few unspecific problems pointed out here so I'll try and break it down:

Vimeo controls

The Vimeo player has no support for setting controls, so this is not supported. This is noted in the readme under the controls prop.

If you are a Vimeo Plus, PRO, or Business member, you can use config.vimeo.playerOptions to set background: true which will "Enable the player's background mode which hides the controls, autoplays and loops the video".

Vimeo loop

I assume you are referring to toggling loop after a Vimeo video has started playing. This is fixed in 1.9.2.

Vimeo fullscreen and Youtube fullscreen

I assume you are referring to the Fullscreen function in the demo app on latest Chrome, which was broken due to the Fullscreen API changing. This should now be fixed in the demo app (by upgrading to latest screenfull.js). Other than this, all fullscreen functionality seems to be working correctly.

Youtube controls work except that Youtube icon is displayed

I'm not sure what the problem is here. With default props (which includes playerVars: { modestbranding: 1 } as @scharissis mentioned), the youtube icon only shows when controls is false when hovering over the player:

When controls is true, the controls show, but no Youtube icon:

---

If there's anything I've not fixed or explained here that still isn't working as expected. Feel free to open a new issue (or reopen this one) with a clear description of the problem.