From adaec67969a99a76bd858cc6aeba3917b3fa1ff3 Mon Sep 17 00:00:00 2001
From: Leopere <colin@nixc.us>
Date: Fri, 7 Mar 2025 19:33:17 -0500
Subject: [PATCH] Update HLS video handling in templates

---
 docker/showerloop/public/native-video-test.html               | 4 ++--
 .../public/themes/chocolate/layouts/partials/hero-h.html      | 2 +-
 .../themes/chocolate/layouts/partials/videojs-player.html     | 2 +-
 .../public/themes/chocolate/layouts/shortcodes/videojs.html   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docker/showerloop/public/native-video-test.html b/docker/showerloop/public/native-video-test.html
index 6ccf8e0..3e5d8c1 100644
--- a/docker/showerloop/public/native-video-test.html
+++ b/docker/showerloop/public/native-video-test.html
@@ -51,7 +51,7 @@
   <div class="video-container">
     <h2>HLS Test (Video 1)</h2>
     <video controls width="100%">
-      <source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
+      <source src="/videos/hls/video1/index.m3u8" type="video/mp4">
       Your browser does not support the video tag.
     </video>
   </div>
@@ -62,7 +62,7 @@
     <script src="/js/videojs/video.min.js"></script>
     <script src="/js/videojs/videojs-http-streaming.min.js"></script>
     <video id="test-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360">
-      <source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
+      <source src="/videos/hls/video1/index.m3u8" type="video/mp4">
       Your browser does not support the video tag.
     </video>
     <script>
diff --git a/docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html b/docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html
index a7a6b24..f1559a3 100644
--- a/docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html
+++ b/docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html
@@ -21,7 +21,7 @@
                             height="auto"
                             poster="/videos/thumbnails/video1.webp"
                             data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
-                            <source src="/videos/hls/video1/index.m3u8" type="application/vnd.apple.mpegurl">
+                            <source src="/videos/hls/video1/index.m3u8" type="video/mp4">
                             <p class="vjs-no-js">
                                 To view this video please enable JavaScript, and consider upgrading to a
                                 web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
diff --git a/docker/showerloop/public/themes/chocolate/layouts/partials/videojs-player.html b/docker/showerloop/public/themes/chocolate/layouts/partials/videojs-player.html
index 9bf1f5a..3429daa 100644
--- a/docker/showerloop/public/themes/chocolate/layouts/partials/videojs-player.html
+++ b/docker/showerloop/public/themes/chocolate/layouts/partials/videojs-player.html
@@ -9,7 +9,7 @@
         height="auto"
         poster="/videos/thumbnails/{{ $videoId }}.webp"
         data-setup='{"fluid": true, "responsive": true, "html5": {"vhs": {"overrideNative": true, "enableLowInitialPlaylist": true, "limitRenditionsByPlayerDimensions": true}}, "controlBar": {"pictureInPictureToggle": false}, "playbackRates": [0.75, 1, 1.25, 1.5, 2], "preload": "none"}'>
-        <source src="/videos/hls/{{ $videoId }}/index.m3u8" type="application/vnd.apple.mpegurl">
+        <source src="/videos/hls/{{ $videoId }}/index.m3u8" type="video/mp4">
         <p class="vjs-no-js">
             To view this video please enable JavaScript, and consider upgrading to a
             web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
diff --git a/docker/showerloop/public/themes/chocolate/layouts/shortcodes/videojs.html b/docker/showerloop/public/themes/chocolate/layouts/shortcodes/videojs.html
index 343e558..779cd5c 100644
--- a/docker/showerloop/public/themes/chocolate/layouts/shortcodes/videojs.html
+++ b/docker/showerloop/public/themes/chocolate/layouts/shortcodes/videojs.html
@@ -12,7 +12,7 @@
     height="360"
     poster="/videos/hls/{{ $id }}/poster.webp"
     data-setup='{"fluid": true}'>
-    <source src="/videos/hls/{{ $id }}/index.m3u8" type="application/vnd.apple.mpegurl">
+    <source src="/videos/hls/{{ $id }}/index.m3u8" type="video/mp4">
     <p class="vjs-no-js">
       To view this video please enable JavaScript, and consider upgrading to a
       web browser that