Un usuario preguntó 👇
Hola,
Me meto en problemas al intentar agregar un video (.mp4) que quiero corregir en el fondo de mi página. El video no se muestra. Para las herramientas de desarrollo de Chrome, cuando exploro el fondo, se muestra el código del video, ¡pero no veo el video!
Aquí está el html:
<div class="fullscreen-video">
<video id="video" autoplay="true" muted="true" loop="true" poster="https://www.melt.dk/wp-content/uploads/2019/01/under-construction.jpg" class="fullscreen-video"><source id="mp4" src="https://www.melt.dk/wp-content/uploads/2019/01/video_web_test_1.mp4" type="video/mp4">
<p>Your user agent does not support the HTML5 Video element.</p>
</video>
</div>
CSS:
.fullscreen-video {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
overflow: hidden;
z-index: -1;
}
(@hlviw)
Hace 2 años, 1 mes
Saludos,
Intentaré ayudarte lo mejor que pueda. Me parece que el video está oculto detrás del color de fondo. ¿Podría intentar agregar este código a su archivo CSS?
body { background-color: #ffffff00 !important; }
También puede hacer lo mismo con el encabezado:
.header { background-color: #ffffff00; }
¡Aquí está para ayudar si aún no funciona!
Soy yo, mhialy
Esta respuesta fue modificada hace 2 años, hace un mes por. Motivo: agregue código a los encabezados del subproceso de inicio
(@mayeul)
Hace 2 años, 1 mes
Muchas gracias Mialy,
El fondo que escondió el video fue ^^
Cerraré el tema ahora.
¿Solucionó tu problema??
0 / 0