Use lite-youtube (#90)

Author: arcivanov

_includes/layout/footer.html

@@ -21,7 +21,7 @@
 <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.1/dist/bootstrap-toc.min.js"></script>
 <script src="/js/tabcontent.js"></script>
 <script src="/js/highlight.pack.js"></script>
-
+<script type="module" src="https://cdn.jsdelivr.net/npm/@justinribeiro/lite-youtube@1.5.0/lite-youtube.js"></script>
 
 <script type="text/javascript">
   $(document).ready(function() {
@@ -42,12 +42,3 @@
         );
     });
 </script>
-<script type="text/javascript">
- function init() {
-var vidDefer = document.getElementsByTagName('iframe');
-for (var i=0; i<vidDefer.length; i++) {
-if(vidDefer[i].getAttribute('data-src')) {
-vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
-} } }
-window.onload = init;
-</script>

index.html

@@ -206,9 +206,7 @@ <h2>
                     Watch the Presentation
                 </h2>
                 <div class="embed-responsive embed-responsive-16by9">
-                    <iframe class="embed-responsive-item" width="560" height="315" src="" data-src="https://www.youtube.com/embed/iQU18hAjux4"
-                            title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                            allowfullscreen></iframe>
+                    <lite-youtube videoid="iQU18hAjux4" autoload></lite-youtube>
                 </div>
             </div>
         </div>