From f02cf616551e3dd273a9bda6718266a5d9330d8f Mon Sep 17 00:00:00 2001
From: zhixuan <jinzhixuan666@gmail.com>
Date: Tue, 27 Jul 2021 14:01:00 +0900
Subject: [PATCH] add shortcode video

---
 assets/scss/partials/layout/article.scss |  8 ++++++++
 layouts/shortcodes/video.html            | 13 +++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 layouts/shortcodes/video.html

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index ebf94a7..12e86e0 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -387,6 +387,14 @@
             top: 0;
             border: 0;
         }
+        & > video {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            left: 0;
+            top: 0;
+            border: 0;
+        }
     }
 
     /// Negative margins
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..733761a
--- /dev/null
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,13 @@
+<div class="video-wrapper">
+    <video
+    controls
+    {{ with .Get "poster" }}poster="{{- . -}}"{{ end }}
+    {{ with .Get "src" }}src="{{- . -}}"{{ end }}
+    {{ with .Get "autoplay" }}autoplay{{ end }}
+    >
+        <p>
+            Your browser doesn't support HTML5 video. Here is a
+            <a href="{{ with .Get "src" }}{{- . -}}{{ end }}">link to the video</a> instead.
+        </p>
+    </video>
+</div>