Testing youtube embeds

Author: codepo8

explainers/_includes/youtube.html

@@ -0,0 +1,23 @@
+<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>

explainers/explainer-template.md

@@ -35,3 +35,7 @@ Have feedback? We want to hear it! *[Issue #123](link to issue announcing explai
 | Edge release | Changelog                                               |
 |--------------|---------------------------------------------------------|
 | *version.number* | *Description of changes.*                           |
+
+*(Optional: you can include YouTube videos by ID with the following syntax)*
+
+{% include youtube.html id="JLMbpiywVxQ" %}