From b51aa2f4a95db50fb58b2daf8a58d88227c138c6 Mon Sep 17 00:00:00 2001
From: FarseaSH <yy_shao@outlook.com>
Date: Tue, 2 Jan 2024 21:55:28 +0800
Subject: [PATCH] IMPROVEMENT: video js support

---
 layouts/partials/after-content-js.html | 2 +-
 layouts/partials/head.html             | 2 +-
 layouts/partials/row.html              | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/layouts/partials/after-content-js.html b/layouts/partials/after-content-js.html
index 418ebe6..81df3bf 100644
--- a/layouts/partials/after-content-js.html
+++ b/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 }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 7652cd1..cb33a4a 100644
--- a/layouts/partials/head.html
+++ b/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">
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index 5ab708e..2085093 100644
--- a/layouts/partials/row.html
+++ b/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" src="{{ . }}"></video>
-                        </a>
+                    <video class="video-js" controls preload="auto" width="320" height="200" data-setup="{}" style="margin-bottom: 10px;">
+                        <source src="{{ . }}"/>
+                    </video>
                     {{ end }}
 
                     {{ if (eq (len $pictures_set) 1) }}