如何制作视频标签背景?

问题描述:

我试图让在视频标签的背景,不透明度0.6:如何制作视频标签背景?

HTML:

<body> 
    <video></video> 
</body> 

的CSS:

body { 
    background: #000; 
opacity: 0.6; 
position: relative 
} 
+0

请问您能详细说明一下您的问题吗?你想达到什么目的? – ohvitorino

check out this fiddle link

.video-wrapper{width:320px;height:240px;position:relative;} 
    .video-overlay{background:red;opacity:0.6;position:absolute;width:100%;height:100%;top:0;left:0;} 
    .video-wrapper:hover .video-overlay{display:none;} 

试试这个

body {} 
video { 
    position: relative;} 
video:after { 
    content: ''; 
    opacity: 0.6; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
} 
+0

这是行不通的 – Dev