Web-Dev-Path
diff --git a/‎_includes/Youtube/styles.css
-18 b/‎_includes/Youtube/styles.css
-18
diff --git a/‎_includes/Youtube/youtube.html
-11 b/‎_includes/Youtube/youtube.html
-11
diff --git a/‎_includes/youtube.html
+27 b/‎_includes/youtube.html
+27
@@ -0,0 +1,27 @@
+<div class="embed-container">
+  <iframe
+    width="640"
+    height="390"
+    src="https://www.youtube.com/embed/{{ include.id }}"
+    frameborder="0"
+    allowfullscreen
+  ></iframe>
+</div>
+<style>
+  .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%;
+  }
+</style>