Fix nginx Config for Video Directory

Update the nginx config to enable the video directory to serve the slide show NOAA images.
jekhokie · Mar 30, 2021 · 7bf995d · 7bf995d
1 parent a9d1178
commit 7bf995d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/ansible/roles/webserver/templates/nginx_default.j2 b/ansible/roles/webserver/templates/nginx_default.j2
@@ -10,6 +10,10 @@ server {
     alias /srv/images/$1;
   }
 
+  location ~ /videos/(.*) {
+    alias /srv/videos/$1;
+  }
+
   location / {
     try_files $uri $uri/ /index.php;
   }

diff --git a/ansible/roles/webserver/templates/nginx_tls_default.j2 b/ansible/roles/webserver/templates/nginx_tls_default.j2
@@ -15,6 +15,10 @@ server {
     alias /srv/images/$1;
   }
 
+  location ~ /videos/(.*) {
+    alias /srv/videos/$1;
+  }
+
   location / {
     try_files $uri $uri/ /index.php;
   }

diff --git a/webpanel/App/Views/Passes/index.html b/webpanel/App/Views/Passes/index.html
@@ -14,7 +14,7 @@
 
     {% if constant('Config\\Config::ENABLE_ANIMATION') == 'true' %}
       <div id="noaa-animation" class="d-none d-sm-block flex-child">
-        <video controls="" autoplay="" loop="" src="{{ constant('Config\\Config::ANIMATION_VIDEO_FILE') }}" width="100%" height="100%" type="video/mp4"></video>
+        <video playsinline autoplay muted loop controls src="{{ constant('Config\\Config::ANIMATION_VIDEO_FILE') }}" width="100%" height="100%" type="video/mp4"></video>
       </div>
     {% endif %}
   </div>

diff --git a/webpanel/public/assets/css/pass_list.css b/webpanel/public/assets/css/pass_list.css
@@ -33,4 +33,5 @@ table#passes td.no-passes {
 
 .flex-child {
   flex: 1;
+  max-height: 500px;
 }