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

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%;
}