From e6f324ec6e3207bcd1e2a66536b2faf03eb19627 Mon Sep 17 00:00:00 2001
From: Wonderfall <wonderfall@protonmail.com>
Date: Fri, 22 Jul 2022 04:18:13 +0200
Subject: [PATCH] improve youtube shortcode

---
 assets/css/extended/youtube.css | 15 +++++++++++++++
 layouts/shortcodes/youtube.html |  4 ++++
 2 files changed, 19 insertions(+)
 create mode 100644 assets/css/extended/youtube.css
 create mode 100644 layouts/shortcodes/youtube.html

diff --git a/assets/css/extended/youtube.css b/assets/css/extended/youtube.css
new file mode 100644
index 0000000..b37a139
--- /dev/null
+++ b/assets/css/extended/youtube.css
@@ -0,0 +1,15 @@
+.youtube-embed-div {
+    position: relative;
+    padding-bottom: 56.25%;
+    height: 0;
+    overflow: hidden;
+}
+
+.youtube-embed-frame {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+}
\ No newline at end of file
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
new file mode 100644
index 0000000..4e0cddf
--- /dev/null
+++ b/layouts/shortcodes/youtube.html
@@ -0,0 +1,4 @@
+{{- $id := .Get "id" | default (.Get 0) -}}
+<div class="youtube-embed-div">
+    <iframe src="https://www.youtube-nocookie.com/embed/{{ $id }}" class="youtube-embed-frame" allowfullscreen title="YouTube Video"></iframe>
+</div> 
\ No newline at end of file