无法通过div控制youtube视频

Question

我已经在我的html网站上嵌入了一个YouTube视频，并在其上面放了一个透明的div层。我想通过div播放youtube视频。

我的HTML代码是：

<iframe  frameborder="0" height="560px" width="315px" src="https://www.youtube.com/embed/DSLgAsrcpGQwmode=opaque"></iframe>
      <div id="overlay"> </div>

，CSS看起来像这样：

#overlay {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  top:0;
  height: 0;
  background: #ccc;
  opacity: 0.8;
  margin-bottom: 20px;
}

问题是我无法通过div图层点击播放。当我点击时，我不希望div消失。我只是想通过div播放视频。

由于