How can I make a magnific popup to auto close when a YouTube Video ends?
$(function() {
$('.popup-youtube, .popup-vimeo').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<div class="btn yellow-border-btn b-radius yellow-bg">
<a class="popup-youtube" href="https://www.youtube.com/watch?v=xTBDsVl9fQQ?rel=0&enablejsapi=1">View a Video</a>
</div>
Please suggest a solution for this feature.