javascript - 如何在视频上制作背景颜色和图标

Question

我想制作如下图的形状。

在视频上，我从 youtube 嵌入

我想要的形状:

我试着让 div 包含

#lala {
  position: absolute;
  float: left;
  background-color: #000;
  z-index: 300000;
}

<div id="lala">
  <iframe width="100%" height="550" src="https://www.youtube.com/embed/jebTLd25Rjs" frameborder="0" allowfullscreen></iframe>
</div>

但什么也没发生:(

Answer 1

试试这个:

#lala {
    position: relative;
}
#lala:after {
    position: absolute;
    float: left;
    background-color: rgba(0, 0, 0, 0.63);
    z-index: 300000;
    content: "";
    top: 0;
    bottom: 0;
    width: 100%;
}