ビデオの背景色とアイコンを作る方法

Question

次のような形にしたいと思います。ビデオオン

が、私はユーチューブ

から私が欲しい形状埋め込む：

を私は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%; 
}