jquery - 根据屏幕分辨率改变宽度，与dailymotion视频相同

Question

我在日常动态视频中看到一个很酷的在 URL 下方打开的视频，在视频顶部有一个“关灯”选项，除了视频之外，所有内容都将是黑色的。

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

我想根据 jquery 或 javascript 中的窗口调整大小来实现类似的东西。

Answer 1

将此样式应用于视频 -

#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。

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

Answer 2

有一个事件。

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