分享一款視頻彈出插件

來源：http://fancyapps.com/fancybox/

注意：目前版本是v2，兼容jquery的v2以上

fancybox1.3.4以及之前的版本不兼容jquery的v1.9之後的版本

該插件支持單圖、多圖、iframe、swf等彈出，

其中如果彈出iframe需要加data-fancybox-type="iframe"

需要引用的文件主要有

<script src="https://cdn.bootcss.com/jquery/2.2.2/jquery.min.js"></script>//放head裏

<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.7"></script>//放底部

<link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.7" media="screen" />//放底部

//如果你想在本地調用這個css文件的話，需要將關閉、背景、加載的三個圖片下載到跟css一個路徑

$(document).ready(function() {
	$(".various").fancybox({
		width		: '70%',
		height		: '70%',
		autoSize	: false
	});
});

演示效果如下：