Remove default black backgrounds

More power to the user to style the player themselves Closes cookpete/react-player#673
albanqoku · Sep 17, 2019 · 1f23b06 · 1f23b06
1 parent c800ede
commit 1f23b06
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 8 deletions.
diff --git a/src/players/DailyMotion.js b/src/players/DailyMotion.js
@@ -107,7 +107,6 @@ export class DailyMotion extends Component {
     const style = {
       width: '100%',
       height: '100%',
-      backgroundColor: 'black',
       display
     }
     return (

diff --git a/src/players/Facebook.js b/src/players/Facebook.js
@@ -98,8 +98,7 @@ export class Facebook extends Component {
   render () {
     const style = {
       width: '100%',
-      height: '100%',
-      backgroundColor: 'black'
+      height: '100%'
     }
     return (
       <div

diff --git a/src/players/Vimeo.js b/src/players/Vimeo.js
@@ -129,7 +129,6 @@ export class Vimeo extends Component {
       width: '100%',
       height: '100%',
       overflow: 'hidden',
-      backgroundColor: 'black',
       display
     }
     return (

diff --git a/test/players/DailyMotion.js b/test/players/DailyMotion.js
@@ -106,7 +106,6 @@ test('render()', t => {
   const style = {
     width: '100%',
     height: '100%',
-    backgroundColor: 'black',
     display: undefined
   }
   const wrapper = shallow(<DailyMotion config={TEST_CONFIG} />)

diff --git a/test/players/Facebook.js b/test/players/Facebook.js
@@ -84,8 +84,7 @@ test('load() when ready', async t => {
 test('render()', t => {
   const style = {
     width: '100%',
-    height: '100%',
-    backgroundColor: 'black'
+    height: '100%'
   }
   const wrapper = shallow(<Facebook url={TEST_URL} />)
   t.true(wrapper.contains(

diff --git a/test/players/Vimeo.js b/test/players/Vimeo.js
@@ -66,7 +66,6 @@ test('render()', t => {
     width: '100%',
     height: '100%',
     overflow: 'hidden',
-    backgroundColor: 'black',
     display: undefined
   }
   t.true(wrapper.contains(