bootstrap4.0小技巧

class类加上video-play-icon 可以使用内置 弹出层video功能。

<!-- Magnific -->
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific.init.js"></script>

//Cta Video
$('.video-play-icon').magnificPopup({
disableOn: 375,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false,
});

 <a href=" https://map.baidu.com" class=" video-play-icon text-primary i18n" name="usEmailLink">地图</a>