add content-scale to remote iframe

LonelyCpp · LonelyCpp · commit f126b6f20f65 · 2021-03-13T11:46:27.000+05:30
diff --git a/iframe.html b/iframe.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta name="viewport" content="width=device-width, maximum-scale=1.0" />
+    <meta name="viewport" content="width=device-width," />
     <style>
       body {
         margin: 0;
@@ -43,6 +43,7 @@
         controls_s,
         cc_lang_pref_s,
         contentScale_s,
+        allowWebViewZoom,
         modestbranding_s,
         iv_load_policy,
         preventFullScreen_s,
@@ -53,6 +54,18 @@
         window.ReactNativeWebView.postMessage(JSON.stringify(msg));
       }
 
+      let metaString = '';
+      if (contentScale_s) {
+        metaString += `initial-scale=${contentScale_s}`;
+      }
+
+      if (!allowWebViewZoom) {
+        metaString += `maximum-scale=${contentScale_s}`;
+      }
+
+      const viewport = document.querySelector('meta[name=viewport]');
+      viewport.setAttribute('content', 'width=device-width,' + metaString);
+
       var tag = document.createElement('script');
       tag.src = 'https://www.youtube.com/iframe_api';
       var firstScriptTag = document.getElementsByTagName('script')[0];
diff --git a/src/PlayerScripts.js b/src/PlayerScripts.js
@@ -125,6 +125,7 @@ export const MAIN_SCRIPT = (
     iv_load_policy,
     contentScale_s,
     cc_lang_pref_s,
+    allowWebViewZoom,
     modestbranding_s,
     preventFullScreen_s,
     showClosedCaptions_s,
