changing tv screen

qridwan · May 4, 2023 · 4c89120 · 4c89120
1 parent 0b3f7f1
commit 4c89120
Show file tree

Hide file tree

Showing 5 changed files with 383 additions and 267 deletions.
diff --git a/.env b/.env
@@ -2,8 +2,8 @@
 # Look for REACT_APP_* for client config variables
 
 NODE_ENV=development
-# YOUTUBE_API_KEY=AIzaSyDnN7UR7Zsb-wd6nljSXHRrQXwgTGXq3kI
-YOUTUBE_API_KEY=AIzaSyBHZsIf0ntfPYGVAS9RpNz3pEGXuDHlbkY
+YOUTUBE_API_KEY=AIzaSyDnN7UR7Zsb-wd6nljSXHRrQXwgTGXq3kI
+# YOUTUBE_API_KEY=AIzaSyBHZsIf0ntfPYGVAS9RpNz3pEGXuDHlbkY
 REACT_APP_FIREBASE_CONFIG={"apiKey":"AIzaSyA2fkXeFokJ-Ei_jnzDso5AmjbIaMdzuEc","authDomain":"watchparty-273604.firebaseapp.com","databaseURL":"https://watchparty-273604.firebaseio.com","projectId":"watchparty-273604","storageBucket":"watchparty-273604.appspot.com","messagingSenderId":"769614672795","appId":"1:769614672795:web:54bbda86288ab1a034273e"}
 REACT_APP_BUNNYCDN_ACCESS_KEY='1b797de9-d1dd-4c0b-bd78489acc56-56fa-4484'
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
     "react-linkify": "^1.0.0-alpha",
     "react-markdown": "^8.0.5",
     "react-onclickoutside": "^6.12.2",
+    "react-player": "^2.12.0",
     "react-router-dom": "^5.3.4",
     "react-scripts": "5.0.1",
     "react-secure-link": "^3.1.2",

diff --git a/src/components/App/App.css b/src/components/App/App.css
@@ -78,6 +78,11 @@ body {
   width: 100%;
   height: 100%;
 }
+.react-player {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
 
 #playerContainer {
   height: 100%;