update main.html

yjdwbj · Aug 26, 2024 · 4ac9028 · 4ac9028
1 parent 99b4326
commit 4ac9028
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/webroot/main.html b/webroot/main.html
@@ -32,6 +32,10 @@
       width: 75% !important;
     }
 
+    .w-95 {
+      width: 95% !important;
+    }
+
     .h-60 {
       height: 60% !important;
     }
@@ -71,7 +75,7 @@ <h1 class="text-center align-self-center flex-fill" id="title-pc" style="display
     <h5 class="text-center align-self-center flex-fill" id="title-mobile" style="display: none">Gstreamer Webrtc Camera</h5>
   </div>
   <div class="text-center" id="container">
-    <video class="w-80 h-80" id="video0" playsinline autoplay></video>
+    <video class="w-60" id="video0" playsinline autoplay></video>
     <div class="text-center mb-5" id="loading" style="display: none">
       <div class="spinner-border" role="status">
         <span class="visually-hidden">Loading...</span>

diff --git a/webroot/main.js b/webroot/main.js
@@ -194,6 +194,11 @@ window.onload = function () {
     document.getElementById('title-pc').style['display'] = runOnMoble ? "none" : "block";
     document.getElementById('title-mobile').style['display'] = runOnMoble ? "block" : "none";
 
+    if(runOnMoble) {
+        document.getElementById('video0').classList.remove("w-60");
+        document.getElementById('video0').classList.add("w-95");
+      }
+
 
     // enableTalk.disabled = true;