Facebook videos not working in Chrome 68

[andybarron]

Repro: Go to https://cookpete.com/react-player/ and select one of the Facebook presets.

Bug: Video is a black screen. Inspecting the iframe element shows that something is adding visibility: hidden to the inline styles. (Screenshot) Manually removing the rule via JS or the inspector fixes the issue.

These issues only appear on Chrome 68; Chrome 67 is unaffected.. All tests were running macOS.

[cookpete]

Does the same problem occur when you mute the player beforehand? This could just be Chrome's new default autoplay policy. See #395.

[cyrdax]

Still occurs with mute on our demo page

[LeGuit]

I have the same issue with facebook videos but only on mobile (debugger mode).
It seems that facebook video link are redirected to m.facebook.com/link_to_my_video.
Only the sound is played not the video...

Then I have also the black screen. Could the issue came from FB ?

[cookpete]

See my answer to a similar issue here: #454 (comment)

My guess is that Facebook have updated their autoplay logic, possibly hiding the player if it detects that autoplay has been disabled (either by a mobile browser or a recent Chrome)? I have no idea why they would do this but it is out of ReactPlayer's control.