Najnowsze tutoriale tworzenie stron internetowych
 

Responsive Web Design - Filmy


Korzystanie szerokości obiekt

Jeżeli width właściwość jest ustawiona na 100%, odtwarzacz wideo będzie elastyczne i skalowanie w górę iw dół:

Przykład

video {
    width: 100%;
    height: auto;
}
Spróbuj sam "

Zauważmy, że w powyższym przykładzie, odtwarzacz wideo może być skalowane do być większe niż jego oryginalnych rozmiarów. Lepszym rozwiązaniem, w wielu przypadkach, będzie korzystać z max-width właściwość zamiast.


Korzystanie właściwość max-width

Jeżeli max-width właściwość jest ustawiona na 100%, odtwarzacz wideo będą skalowane w dół, jeśli ma, ale nigdy nie skala się być większy niż jego oryginalnym rozmiarze:

Przykład

video {
    max-width: 100%;
    height: auto;
}
Spróbuj sam "

Dodaj film do przykładu Web Page

Chcemy, aby dodać wideo na naszej stronie internetowej przykładem. Film zostanie zmieniony na zawsze trwać całe dostępne miejsce:

Przykład

video {
    width: 100%;
    height: auto;
}
Spróbuj sam "