Traté de hacer un fondo sobre una etiqueta de video con opacidad 0.6:

html:

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

Css:

body {
   background: #000;
opacity: 0.6;
position: relative
}
-1
Dev 28 jul. 2016 a las 13:01

2 respuestas

La mejor respuesta

mira este enlace de violín

    .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;}
1
Omkar Vaity 28 jul. 2016 a las 11:52

Probar esto

body {}
video {
  position: relative;}
video:after {
  content: '';
  opacity: 0.6;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
1
Andrey Fedorov 28 jul. 2016 a las 10:06