Salve a tutti,
avrei un problema a centrare un video in background in una pagina html. Il codice css che sto usando è questo:
video{
position: absolute; right: 0; bottom:0;
min-width: 100%; min-height: 100%;
width: auto; height: auto;
z-index: 1;}
Qualcuno saprebbe aiutarmi?
Grazie!
prova così
video{
width: auto; height: auto;
display: block;
margin: 0 auto;
z-index: 1;}
Ciao,
non so se posso permettermi ma al riguardo ho scritto un articolo:
http://www.extrowebsite.com/blog/ful...sive-in-joomla
Ovviamente il video di background non è solo per il CMS Joomla ma per qualsiasi pagina html.
Saluti
=================
www.extrowebsite.com
Intanto grazie mille per la risposta.
Ho provato a fare come mi hai suggerito però il problema è che facendo così compaiono gli scroll orizzontali e verticali. Cioè il video non viene adattato alla pagina
Ho provato anche così ma lascia lo scroll orizzontale. Grazie comunqueOriginariamente inviata da Floyd611
Ciao,
la barra di scroll verticale, nella mia demo, appare perchè nella pagina ho messo dei contenuti testuali. Mi pare ovvio no?
Non conosco il tuo progetto ma se hai elementi che si estendono in altezza, la barra mdi scroll la vedrai comunque.
Saluti
=================
www.extrowebsite.com
Ciao,
si però io ho scritto che il problema è quella orizzontale non verticale. Grazie
Nel tuo codice c'è un posizionamento assoluto e questo impedisce la centratura sia orizzontale che verticale.
Per centrare in orizzontale bisogna dare delle dimensioni al div che contiene il video e poi la regolacodice:margin:0 auto;
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Buongiorno,
ciao asparagi
scusami ma non riesco proprio a vedere nella mia demo la barra orizzontale di cui parli.
Sto controllando in questo momento e posso dirti che non la vedo neanche sul mio smartphone, nè sul tablet, dato che il video di sfondo non appare fino ad una determinata dimensione di schermo.
Saluti
=================
www.extrowebsite.com
Ecco non sapevo che il posizionamento assoluto impedisse la centratura verticale e orizzontale. Grazie!
Rispondi quotando
