Fix facebook iframe visibility bug

Hopefully fixes cookpete/react-player#455
david-hub024 · Sep 20, 2018 · c422548 · c422548
1 parent b056089
commit c422548
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/players/Facebook.js b/src/players/Facebook.js
@@ -40,6 +40,10 @@ export class Facebook extends Component {
             this.callPlayer('unmute')
           }
           this.props.onReady()
+
+          // For some reason Facebook have added `visibility: hidden`
+          // to the iframe when autoplay fails, so here we set it back
+          document.getElementById(this.playerID).querySelector('iframe').style.visibility = 'visible'
         }
       })
     })

diff --git a/test/players/Facebook.js b/test/players/Facebook.js
@@ -7,6 +7,14 @@ import testPlayerMethods from '../helpers/testPlayerMethods'
 import * as utils from '../../src/utils'
 import { Facebook } from '../../src/players/Facebook'
 
+global.document = {
+  getElementById: () => ({
+    querySelector: () => ({
+      style: {}
+    })
+  })
+}
+
 configure({ adapter: new Adapter() })
 
 const TEST_URL = 'https://www.facebook.com/facebook/videos/10153231379946729'