Support › Forums › Cian – HTML Template › Scrolling Mobile Background Image › Reply To: Scrolling Mobile Background Image
Hola
Esa solución funciona, pero hace que la imagen se estire y se distorsione. Sin embrago, he encontrado una solución que pudiera incluir en su plantilla.
En index.html
<body>
<div id=”bgimg”></div>
…
</body>
En style.css
.poster-image {
background: url(../images/bamboo-background.jpg);
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
width: 100%;
height: 100%;
z-index: -1 !important;
backface-visibility: hidden;
background-position: center center;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
}
en video.js cambiar “body” por “#bgimg” así:
else{$(“body”).addClass(“poster-image”)}
por
else{$(“#bgimg”).addClass(“poster-image”)}
Me ha funcionado muy bien y preserva la funcionalidad del vídeo en la versión Desktop. Espero que les ayude.
Celso