利用Fancybox与Video.js实现图片，视频展示页面

1.为什么要用Fancybox与Video.js

  先介绍一下这两个插件，fancybox是一个多媒体显示插件，页面大多效果都是出自这个插件、Video.js 顾名思义，就是一个播放视频的插件，其实使用HTML5的<video>就可以播放视频，不过在这里这个插件就是做个视频封面的效果。具体的效果，可以到下面的Demo地址去看。

2.导入Fancybox与Video.js

  只需要简单的在页面使用<link> 和<script > 来导入样式表和Js到页面即可。要注意的是，使用fancybox还需要导入jquery,而且，在导入时要注意前后顺序。

<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css">
         <link href="css/video-js.min.css" rel="s