Fix broken YouTube videos (#666)

Update YouTube player to next generation to fix broken YT videos.
CruGlobal · Aug 2, 2021 · 8b2430b · 8b2430b
1 parent d2f5629
commit 8b2430b
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
@@ -368,7 +368,7 @@ PODS:
     - react-native-video/Video (= 4.4.5)
   - react-native-video/Video (4.4.5):
     - React
-  - react-native-webview (11.4.0):
+  - react-native-webview (11.6.5):
     - React-Core
   - React-perflogger (0.64.0)
   - React-RCTActionSheet (0.64.0):
@@ -786,7 +786,7 @@ SPEC CHECKSUMS:
   react-native-startup-time: 740451fcbc7e3c8f67b036365387401ab917de1c
   react-native-version-check: d8b8900e6ce03ae1568cb22ef9451f2508188883
   react-native-video: eee541262ada11bc7ffe8ec5508e6a877937c462
-  react-native-webview: 4dfb534e9600b87fe667c5ca4fe09149383218b9
+  react-native-webview: 2e8fe70dc32b50d3231c23043f8e8b5a5525d346
   React-perflogger: 9c547d8f06b9bf00cb447f2b75e8d7f19b7e02af
   React-RCTActionSheet: 3080b6e12e0e1a5b313c8c0050699b5c794a1b11
   React-RCTAnimation: 3f96f21a497ae7dabf4d2f150ee43f906aaf516f

diff --git a/package.json b/package.json
@@ -90,8 +90,8 @@
     "react-native-vector-icons": "^7.1.0",
     "react-native-version-check": "^3.4.2",
     "react-native-video": "4.4.5",
-    "react-native-webview": "^11.3.1",
-    "react-native-youtube-iframe": "^1.2.4",
+    "react-native-webview": "^11.6.5",
+    "react-native-youtube-iframe": "^2.1.1",
     "react-redux": "^7.2.2",
     "redux": "^4.0.5",
     "redux-persist": "^6.0.0",

diff --git a/src/components/Video/index.tsx b/src/components/Video/index.tsx
@@ -231,6 +231,7 @@ function Video({
       {item?.type === 'youtube' ? (
         <YoutubePlayer
           ref={youtubeVideo}
+          useLocalHTML={true}
           videoId={youtubeParser(item?.url)}
           width={width}
           height={height}

diff --git a/yarn.lock b/yarn.lock
@@ -7152,18 +7152,18 @@ react-native-video@4.4.5:
     prop-types "^15.5.10"
     shaka-player "^2.4.4"
 
-react-native-webview@^11.3.1:
-  version "11.4.0"
-  resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-11.4.0.tgz#cf8707e751231d81c17d54c5e2df0009d84e8949"
-  integrity sha512-il4OOJxBJgFXk8rtVgYQJIGRqYD5wJXc4By6nvnkHlH3hbyw1Mx5HKfP9Qmsy8xdCwHYgCBjUuCfHoGXJ9hMSA==
+react-native-webview@^11.6.5:
+  version "11.6.5"
+  resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-11.6.5.tgz#34e86a342c6a2cbcf109db98f639f7bb8f055da2"
+  integrity sha512-5U+hI8snkCrFeDy+bUTszwhzcJIenaaOy3ubhY77HZq7R0pFIZzRYWkT0YXe1ymRYW9mSU96nr6S0AVDk8qkMw==
   dependencies:
     escape-string-regexp "2.0.0"
     invariant "2.2.4"
 
-react-native-youtube-iframe@^1.2.4:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/react-native-youtube-iframe/-/react-native-youtube-iframe-1.4.1.tgz#a98d6a2aba4ad5b54e1d1137291a62ec3256d71e"
-  integrity sha512-19a7G47VOrDHc3ABKT10OuXkMsMotX5UcK+dqhC42Kz/NZ1bBx2sf645+Kn2WWOIG+RJB2uJgnIzPMezp4hGZg==
+react-native-youtube-iframe@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/react-native-youtube-iframe/-/react-native-youtube-iframe-2.1.1.tgz#d88ee972963c72a3834955048dfd1c2a0731498b"
+  integrity sha512-vnLzA5zcnMwa1gMqGfvkjaE82NW1Nd2Up4Q1OUz6IKm69xSG/9/m4APZ5fCN8UMhy6lH95iagd497J7jwEwz3w==
   dependencies:
     events "^3.2.0"