karim/kgva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

custom terminal video player

Browse Source
This commit is contained in:
karim
2026-06-29 11:50:30 +02:00
parent 96018a56a3
commit cc2840fe5c
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/portfolio/single.html
+12 -2
View File
@@ -4,9 +4,19 @@
{{ $images := .Params.images }} {{ $images := .Params.images }}
{{ with .Params.video }} {{ with .Params.video }}
<video class="video" controls preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}> <div class="player">
<video preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
<source src="{{ . }}" type="video/mp4"> <source src="{{ . }}" type="video/mp4">
</video> </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 }} {{ end }}
{{ if or $images $hasText }} {{ if or $images $hasText }}