根据屏幕分辨率更改宽度与dailymotion视频相同

Question

我在日常动画视频中看到一个很酷的视频在URL下方打开，在视频顶部有一个选项“关灯”，但视频一切都是黑色的。

很酷的事情是调整窗口分辨率，即使黑色调光器动态变化，任何人都可以知道他们是如何做到的。

我希望根据jquery或javascript中的窗口大小调整来实现this之类的内容。

Answer 1

有一个事件。

$(window).resize(function(evt) { 
   // your handling code here 
});

Answer 2

将此风格应用于视频 -

#video{
z-index:3;
}

制作黑色图层 -

<div id="bl">
</div>

黑色图层的样式 -

#bl{
background-color:black;
opacity:0.9;
z-index:2;
visibility:hidden;
width:100%;height:100%;
}

和JS -

$('#btn').click(function(){ 
  $('#bl').css('visibility','visible'); 
});

其中#btn是关闭灯按钮的ID。

请在每个问题中选择正确的答案。