title: Video pop up modal playing in background when closed
body: <p>I am using the Magnific Popup and it works fine in Chrome but across Mozilla and IE when I close the pop up modal the audio will still play in the background. </p>
  
  <p>I have searched online for others having issues with this but I cannot locate a solution that works. The video is just a html video, no YouTube or anything. Here is the code I am using. </p>
  
  <pre><code>function displayVideoAsPopup(selector,attr) {
      $(selector).each(function(i,e) {
          var videoSrc=$(e).attr(attr);
          if($(e)[0].localName=="a"){
              $(e).attr("href","javascript:void(0)"); 
          }
          $(e).magnificPopup({
              items: {
                  type: 'inline',
                  src: '&lt;div class="container"&gt;&lt;video controls preload="auto" autoplay width="100%" height="100%" src="' + videoSrc + '"&gt;&lt;/video&gt;&lt;/div&gt;',
              },
              callbacks: {
                  open: function() {
                      $(this.content).find('video')[0].play();
  
                  },
                  close: function() {
                      $(this.content).find('video')[0].load();
                  }
              }
          });
      });
  </code></pre>