From 850ce482b941eda5627f4f71f5122f84a2acac9d Mon Sep 17 00:00:00 2001
From: kolchfa-aws <105444904+kolchfa-aws@users.noreply.github.com>
Date: Wed, 8 Feb 2023 18:44:26 -0500
Subject: [PATCH] Adds video capability (#2354)

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
---
 _includes/youtube-player.html | 15 +++++++++++++++
 _sass/_web-embed.scss         | 20 ++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 _includes/youtube-player.html
 create mode 100644 _sass/_web-embed.scss

diff --git a/_includes/youtube-player.html b/_includes/youtube-player.html
new file mode 100644
index 00000000..05981ca8
--- /dev/null
+++ b/_includes/youtube-player.html
@@ -0,0 +1,15 @@
+<!--
+Copyright (c) 2020 Nathan Lam
+https://github.com/nathancy/jekyll-embed-video
+-->
+
+<div class="embed-container">
+    <iframe
+        src="https://www.youtube.com/embed/{{ include.id }}"
+        width="640"
+        height="385"
+        frameborder="0"
+        allowfullscreen="true"
+        allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
+    </iframe>
+  </div>
\ No newline at end of file
diff --git a/_sass/_web-embed.scss b/_sass/_web-embed.scss
new file mode 100644
index 00000000..bafbdf71
--- /dev/null
+++ b/_sass/_web-embed.scss
@@ -0,0 +1,20 @@
+/* 
+Copyright (c) 2020 Nathan Lam
+https://github.com/nathancy/jekyll-embed-video 
+*/
+
+.embed-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+  }
+  
+.embed-container iframe, .embed-container object, .embed-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
\ No newline at end of file