点击图片弹出视频

再分享弹出视频代码前，雯雯木先道个歉，比原先说的推迟了几天主要是前几天手里项目急，没抽出来时间，废话不多说了，本木头开始分享之旅程。

头标签： 

<link href="css/layerModel.css" type="text/css" rel="stylesheet">

 <script type="text/javascript" src="js/jquery.layerModel.js"></script>
<script type="text/javascript">
$(function(){


 $("#demoBtn1").click(function(){
      $('#demo1').layerModel({
 blurClose : true
 });
    });

}）;

body代码：

 <a href="#" id="demoBtn1"  class="run">
          <img    src="img/three-video2.png">
              <span class="over-text"  style="float:left;width:90%;">案例视频影视官网2.0</span>
     </a>

<!--弹出视频的代码-->
            <div id="demo1" class="gpc-t-box">
              <div class="gpc-video-t">
                <embed allowscriptaccess="always" allownetworking="all" allowfullscreen="true" width="670" height="377" type="application/x-shockwave-flash" src="http://cloud.video.taobao.com/play/u/2182797685/p/1/e/1/t/7/38483233.swf">
                </embed>
              </div>
              <div class="gpc-video-t1">
                 <div class="gpc-video-t1-lf">
                   <h2 class="gpc-video-t1-lf-1">案例视频影视官网</h2><span class="gpc-video-t1-lf-2"><img src="img/read.png" />17502</span>
                 </div>
                 <div class="gpc-video-t1-rt">
                   <span>￥15,000</span>起
                 </div>
             
              </div>
              <div class="gpc-video-t2">
                 <div class="gpc-video-t2-lf">
                   <p class="gpc-a1-8"><a href="#">来来</a> <a href="#">发布于</a> <a href="#">2016-06-09</a><a href="#">时长：00:20:00</a></p>
                 </div>
                 <div class="gpc-video-t2-rt">
                   <a class="gpc-a1-9" href="detail.php">查看更多详情>></a>
                 </div>
              
              </div>
            </div>
            <!--/end-->

这样就解决了点击图片弹出视频的问题，而且还避免了在js本身上加载代码雯雯木可是试验了好久才整出来的，喜欢的给顶一下哈不胜感激