Merge pull request #10 from atompi/dev

feat: add local video support

layouts/partials/after-content-js.html

@@ -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 -->

layouts/partials/head.html

@@ -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>
-

layouts/partials/row.html

@@ -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>