Pregunta sobre Arreglando WordPress de Wordpress:

Agregar video de fondo HTML / CSS

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *