colin
/
ShowerLoop-cc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update HLS video handling in templates
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
Leopere 2025-03-07 19:33:17 -05:00
parent f324bc4eca
commit adaec67969
4 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docker/showerloop/public/native-video-test.html
View File

@ -51,7 +51,7 @@
<div class="video-container"> <div class="video-container">
<h2>HLS Test (Video 1)</h2> <h2>HLS Test (Video 1)</h2>
<video controls width="100%"> <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. Your browser does not support the video tag.
</video> </video>
</div> </div>
@ -62,7 +62,7 @@
<script src="/js/videojs/video.min.js"></script> <script src="/js/videojs/video.min.js"></script>
<script src="/js/videojs/videojs-http-streaming.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"> <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. Your browser does not support the video tag.
</video> </video>
<script> <script>

2
docker/showerloop/public/themes/chocolate/layouts/partials/hero-h.html
View File

@ -21,7 +21,7 @@
height="auto" height="auto"
poster="/videos/thumbnails/video1.webp" 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"}'> 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"> <p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a 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> web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>

2
docker/showerloop/public/themes/chocolate/layouts/partials/videojs-player.html
View File

@ -9,7 +9,7 @@
height="auto" height="auto"
poster="/videos/thumbnails/{{ $videoId }}.webp" 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"}'> 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"> <p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a 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> web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>

2
docker/showerloop/public/themes/chocolate/layouts/shortcodes/videojs.html
View File

@ -12,7 +12,7 @@
height="360" height="360"
poster="/videos/hls/{{ $id }}/poster.webp" poster="/videos/hls/{{ $id }}/poster.webp"
data-setup='{"fluid": true}'> 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"> <p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a To view this video please enable JavaScript, and consider upgrading to a
web browser that web browser that