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