Fixed Hero Video Config

** Read the magnific-popup.css I removed
** Add HTML comment
** Fix issue 12
** Remove commented code

assets/js/script.js

@@ -158,17 +158,14 @@ $(document).ready(function () {
   });
 
   // Modal Popup
-  $(".popup-button").magnificPopup({
-    type: "iframe",
-    iframe: {
-      patterns: {
-        youtube: {
-          index: "youtube.com/",
-          id: "v=",
-          src: "//www.youtube.com/embed/tgbNymZ7vqY",
-        },
-      },
-    },
+  $('.popup-button').magnificPopup({
+    disableOn: 700,
+    type: 'iframe',
+    mainClass: 'mfp-fade',
+    removalDelay: 160,
+    preloader: false,
+
+    fixedContentPos: false
   });
 
   $(".portfolio-item-grid").masonry({

exampleSite/data/hero.yml

@@ -10,4 +10,4 @@ buttonName: Contact me
 buttonURL: contact
 image: images/hero/2960351.jpg
 videoThumb: images/hero/popup-thumb.png
-videoURL: https://www.youtube.com/embed/tgbNymZ7vqY
+videoURL: https://www.youtube.com/watch?v=dQw4w9WgXcQ

layouts/partials/head.html

@@ -12,6 +12,9 @@
   {{ "<!-- Font Awesome -->" | safeHTML }}
   <link rel="stylesheet" href="{{ "plugins/font-awesome/css/font-awesome.min.css" | absURL }}" />
 
+  {{ "<!-- Magnific Popup -->" | safeHTML }}
+  <link rel="stylesheet" href="{{"plugins/magnafic-popup/magnific-popup.css" | absURL }}" />
+
   {{ "<!-- Stylesheets -->" | safeHTML }}
   {{ $style := resources.Get "scss/style.scss" | resources.ToCSS | minify }}
   <link href="{{ $style.Permalink }}" rel="stylesheet" />