From 9670c1341153d3657ee3ed959f5acdac9fd9a803 Mon Sep 17 00:00:00 2001
From: Hyan Mandian <hyan@TRINCA-12.hype.local>
Date: Thu, 24 Dec 2015 11:35:50 -0200
Subject: [PATCH 1/4] Multiple youtube player

---
 src/players/YouTube.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
index b4e80f0b..bb9bdd8f 100644
--- a/src/players/YouTube.js
+++ b/src/players/YouTube.js
@@ -22,6 +22,9 @@ export default class YouTube extends Base {
   static canPlay (url) {
     return MATCH_URL.test(url)
   }
+  state = {
+    playerId: PLAYER_ID + Date.now(),
+  }
   shouldComponentUpdate () {
     return false
   }
@@ -49,7 +52,7 @@ export default class YouTube extends Base {
       return
     }
     this.getSDK().then(YT => {
-      this.player = new YT.Player(PLAYER_ID, {
+      this.player = new YT.Player(this.state.playerId, {
         width: '100%',
         height: '100%',
         videoId: id,
@@ -94,6 +97,6 @@ export default class YouTube extends Base {
     return this.player.getVideoLoadedFraction()
   }
   render () {
-    return <div id={PLAYER_ID} />
+    return <div id={this.state.playerId} />
   }
 }

From b1ffefba46fe02606e19735abb924a8f77401acd Mon Sep 17 00:00:00 2001
From: Hyan Mandian <hyan@TRINCA-12.hype.local>
Date: Thu, 24 Dec 2015 13:22:42 -0200
Subject: [PATCH 2/4] Remove comma

---
 src/players/YouTube.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
index bb9bdd8f..6be51a52 100644
--- a/src/players/YouTube.js
+++ b/src/players/YouTube.js
@@ -23,7 +23,7 @@ export default class YouTube extends Base {
     return MATCH_URL.test(url)
   }
   state = {
-    playerId: PLAYER_ID + Date.now(),
+    playerId: PLAYER_ID + Date.now()
   }
   shouldComponentUpdate () {
     return false

From 0ec61d8272705f6dea946b3ef5ad836c08a60f7b Mon Sep 17 00:00:00 2001
From: Hyan Mandian <hyan@TRINCA-12.hype.local>
Date: Thu, 24 Dec 2015 13:26:15 -0200
Subject: [PATCH 3/4] Fix comma in object

---
 src/players/YouTube.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
index 6be51a52..e8a5a28a 100644
--- a/src/players/YouTube.js
+++ b/src/players/YouTube.js
@@ -52,7 +52,7 @@ export default class YouTube extends Base {
       return
     }
     this.getSDK().then(YT => {
-      this.player = new YT.Player(this.state.playerId, {
+      this.player = new YT.Player(PLAYER_ID, {
         width: '100%',
         height: '100%',
         videoId: id,
@@ -97,6 +97,6 @@ export default class YouTube extends Base {
     return this.player.getVideoLoadedFraction()
   }
   render () {
-    return <div id={this.state.playerId} />
+    return <div id={PLAYER_ID} />
   }
 }

From 2722e8bec5ea917dbf8756d08dff45cf724db348 Mon Sep 17 00:00:00 2001
From: Hyan Mandian <hyan@TRINCA-12.hype.local>
Date: Thu, 24 Dec 2015 13:47:22 -0200
Subject: [PATCH 4/4] Fix playerId reference

---
 src/players/YouTube.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/players/YouTube.js b/src/players/YouTube.js
index e8a5a28a..6be51a52 100644
--- a/src/players/YouTube.js
+++ b/src/players/YouTube.js
@@ -52,7 +52,7 @@ export default class YouTube extends Base {
       return
     }
     this.getSDK().then(YT => {
-      this.player = new YT.Player(PLAYER_ID, {
+      this.player = new YT.Player(this.state.playerId, {
         width: '100%',
         height: '100%',
         videoId: id,
@@ -97,6 +97,6 @@ export default class YouTube extends Base {
     return this.player.getVideoLoadedFraction()
   }
   render () {
-    return <div id={PLAYER_ID} />
+    return <div id={this.state.playerId} />
   }
 }