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