Ultimele tutoriale de dezvoltare web
 

Responsive Web Design - Video


Utilizarea Lățimea Proprietatea

În cazul în care width proprietatea este setată la 100%, playerul video va fi receptiv și scară în sus și în jos:

Exemplu

video {
    width: 100%;
    height: auto;
}
Încearcă - l singur »

Observați că, în exemplul de mai sus, playerul video poate fi extinsă pentru a fi mai mare decât dimensiunea originală. O soluție mai bună, în multe cazuri, va fi de a utiliza max-width proprietate în loc.


Folosind-max Lățimea de proprietate

În cazul în care max-width proprietatea este setată la 100%, player -ul video va scară în jos dacă are, dar niciodată nu scară până să fie mai mare decât dimensiunea originală:

Exemplu

video {
    max-width: 100%;
    height: auto;
}
Încearcă - l singur »

Adauga un video pentru web Exemplul

Dorim să adăugați un videoclip în pagina noastră de web exemplu. Videoclipul va fi redimensionat pentru a prelua întotdeauna tot spațiul disponibil:

Exemplu

video {
    width: 100%;
    height: auto;
}
Încearcă - l singur »