custom terminal video player

2026-06-29 11:50:30 +02:00
parent 96018a56a3
commit cc2840fe5c
1 changed files with 13 additions and 3 deletions
@@ -4,9 +4,19 @@
 {{ $images := .Params.images }}

 {{ with .Params.video }}
-<video class="video" controls preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
-  <source src="{{ . }}" type="video/mp4">
-</video>
+<div class="player">
+  <video preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
+    <source src="{{ . }}" type="video/mp4">
+  </video>
+  <button class="player__big" type="button" aria-label="play">▶</button>
+  <div class="player__bar">
+    <button class="player__play" type="button" aria-label="play/pause">▶</button>
+    <div class="player__scrub"><div class="player__fill"></div></div>
+    <span class="player__time">00:00 / 00:00</span>
+    <button class="player__mute" type="button" aria-label="mute">vol</button>
+    <button class="player__full" type="button" aria-label="fullscreen">⛶</button>
+  </div>
+</div>
 {{ end }}

 {{ if or $images $hasText }}