feat: add local video support

Support single video moment, like WeChat friend cycle.
Just use the `video` key
This commit is contained in:
atompi 2023-03-07 20:00:35 +08:00
parent 69f23442e8
commit c8145dba79
3 changed files with 16 additions and 4 deletions

View file

@ -14,6 +14,9 @@
<!-- fancybox -->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
<!-- videojs -->
<script src="https://vjs.zencdn.net/8.0.4/video.min.js"></script>
{{/* a pangu support */}}
{{ if .Site.Params.features.pangu }}
<!-- pangu.js -->

View file

@ -39,6 +39,9 @@
<!-- fancybox css (js in the end before the body closing tag) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css"/>
<!-- videojs -->
<link href="https://vjs.zencdn.net/8.0.4/video-js.min.css" rel="stylesheet" />
<!-- pure.css -->
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
@ -64,4 +67,3 @@
<!-- website title -->
<title>{{ .Site.Params.title }}</title>

View file

@ -71,6 +71,13 @@
{{ end }}
{{ end }}
{{ $video_caption := .Plain}}
{{ with .Params.video }}
<a data-src="{{ . }}" data-fancybox="video-gallery" data-caption={{ $video_caption }}>
<video class="video-js" src="{{ . }}"></video>
</a>
{{ end }}
{{ if (eq (len $pictures_set) 1) }}
{{ range $pictures_set }}
<img src="{{ . }}" class="single-pic" alt="Responsive image" data-fancybox="gallery" data-caption={{ $picture_caption }}></img>