OK,
<s.Container style={ { // width: 100, // padding: 24, // backgroundSize: "2550px", } } > <StyledVid src={Insert} type="video/mp4" autoPlay loop muted playsInline style={ { // position: "absolute", // width: "100%", // left: "50%", // top: "50%", // height: "100vh", // objectFit: "cover", // transform: "translate(-50%, -50%)", // zIndex: "-1", // overflow: "hidden", // objectFit: "cover", // width: "100vw", // height: "100vh", // position: "fixed", // top: "0", // left: "0", } } /> </s.Container> export const StyledVid = styled.video` z-index: -1; overflow: hidden; object-fit: cover; width: 100%; height: 100%; position: fixed; top: 0; left: 0; @media (max-width: 600px) { /* width: 250px; */ } /* @media (min-width: 900px) { width: 250px; } */ /* @media (min-width: 1000px) { width: 300px; } */ `;así que estoy tratando de crear un fondo receptivo con un video de 1440 x 1025. Ahora, en la vista móvil, el fondo solo muestra el medio. ¿Mi CSS está desactivado?
Gracias pd. El formato de archivo es in.mp4 para el fondo. y quiero que ocupe toda la pantalla.