IMPROVEMENT: video js support

layouts/partials/after-content-js.html

@@ -15,7 +15,7 @@
 <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>
+<script src="https://vjs.zencdn.net/8.6.1/video.min.js"></script>
 
 {{/* a pangu support */}}
 {{ if .Site.Params.features.pangu }}

layouts/partials/head.html

@@ -40,7 +40,7 @@
 <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" />
+<link href="https://vjs.zencdn.net/8.6.1/video-js.css" rel="stylesheet" />
 
 <!-- pure.css -->
 <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">

layouts/partials/row.html

@@ -90,11 +90,11 @@
                         {{ end }}
                     {{ end }}
 
-                    {{ $video_caption := $page.Plain}}
+                    {{/* EXPERIMENTAL video support */}}
                     {{ with $page.Params.video }}
-                        <a data-src="{{ . }}" data-fancybox="video-gallery" data-caption={{ $video_caption }}>
+                    <video class="video-js" controls preload="auto" width="320" height="200" data-setup="{}" style="margin-bottom: 10px;">
-                            <video class="video-js" src="{{ . }}"></video>
+                        <source src="{{ . }}"/>
-                        </a>
+                    </video>
                     {{ end }}
 
                     {{ if (eq (len $pictures_set) 1) }}