Fix Youtube rendering issue with React 15

After upgrading to React 15, `display: none` was not being applied to the Youtube iframe when a different player was required
cookpete · Apr 19, 2016 · 8eb2dc0 · 8eb2dc0
1 parent 048f480
commit 8eb2dc0
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/players/YouTube.js b/src/players/YouTube.js
@@ -127,7 +127,14 @@ export default class YouTube extends Base {
     return this.player.getVideoLoadedFraction()
   }
   render () {
-    const style = { display: this.props.url ? 'block' : 'none' }
-    return <div id={this.playerId} style={style} />
+    const style = {
+      height: '100%',
+      display: this.props.url ? 'block' : 'none'
+    }
+    return (
+      <div style={style}>
+        <div id={this.playerId} />
+      </div>
+    )
   }
 }