这个js怎么改能实现点击右上角的×和其他空白处，实现关闭弹出窗，谢谢！目前这段代码，视频右上角的×，点了没反应

1. <div class="effect-wrapper">
   
2.         <div class="thumb">
   
3.                 <img class="img-fullwidth" src="/static/images/video.jpg" alt="">
   
4.         </div>
   
5.         <div class="video-button">
   
6.         </div>
   
7.         <a class="hover-link videolist" ipath="/static/images/video.mp4" title="宣传视频"></a>
   
8. </div>
   
9. <div class="videos"></div>

复制代码

1.          $('.videolist').each(function () { //遍历视频列表
   
2.             $(this).click(function () { //这个视频被点击后执行
   
3.                 var video = $(this).attr('ipath');//获取视频路径
   
4.                 $('.videos').html("<video id="aboutvideo" style='width: 100%;' src='"+video+"' preload="auto" controls="controls" autoplay="autoplay"></video><img onClick="closel()" class="vclose" src="/static/images/close.png"/>");
   
5.                 $('.videos').show();
   
6.             });
   
7.         });
   
8.         function closel() {
   
9.             var v = document.getElementById('aboutvideo');//获取视频节点
   
10.             $('.videos').css("display","none");//点击关闭按钮关闭暂停视频
    
11.             v.pause();
    
12.             $('.videos').html();
    
13.         }

复制代码

JS不懂。

sunshow

添加点击事件，获取DOM节点后，添加innerHtml display:none
播放器那块面积阻止冒泡
或者写个隐藏class ，点击事件的时候加上去就行了
已经忘记jquery的操作了，反正大概就那样吧

零辰三点

百度不是挺多的嘛

simida

百度一下