更改宽度基于屏幕分辨率相同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。

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