embed youtube

README.md

@@ -357,11 +357,7 @@ For example, an alternate way to sort MIDI similar to the example above for [Spl
 A reimagining of [Iasos's](https://iasos.com) ["Golden Harp"](https://www.youtube.com/watch?v=cd00t0UGsC0).
 Maps a continuous pitch CV input signal to a scale and generates gated notes as you "strum".
 
-![Demo](https://www.youtube.com/watch?v=GX6pSZ1lvWQ)
-
-[![Demo]
-(https://img.youtube.com/vi/GX6pSZ1lvWQ/maxresdefault.jpg)]
-(https://www.youtube.com/watch?v=GX6pSZ1lvWQ)
+{% include youtube.html id=" GX6pSZ1lvWQ" %}
 
 Iasos was, by most accounts, one of the originators of New Age music.
 I had the privilege of working with him in [modernizing his Golden Harp](https://chinenual.com#iasoss-golden-harp) (it originally relied on software running on a Commodore64; I replaced that with a small Arduino based controller.)  The harp is a unique instrument that used the chicklet strips on a Colortone Pro music keyboard.  Iasos would strum those chicklets like a harp.  (he used several dozen scales; he had a different musical and emotional effect in his music).  

_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>