Najlepszy samouczek Responsive Web Design - wideo (Video) W 2024 r. W tym samouczku możesz dowiedzieć się Użyj atrybutu width,Przykłady,Korzystanie max-width właściwość,Przykłady,Dodanie strony wideo,Przykłady,

Responsive Web Design - wideo (Video)

Użyj atrybutu width

Jeśli atrybut szerokość jest ustawiona na 100%, odtwarzacz wideo będzie automatycznie dostosowywana proporcjonalnie do wielkości ekranu:

Przykłady

film {
width: 100%;
height: auto;
}

Spróbuj »

Należy zauważyć, że w powyższym przykładzie, odtwarzacz wideo jest regulowana automatycznie w zależności od rozmiarów ekranu i mogą być większe od pierwotnego rozmiaru. Częściej możemy użyć właściwości max-width zamiast.


Korzystanie max-width właściwość

Jeśli właściwość max szerokość jest ustawiona na 100%, odtwarzacz wideo będzie automatycznie dostosowywana proporcjonalnie do ekranu, ale nie więcej niż oryginalnym rozmiarze:

Przykłady

film {
max-width: 100%;
height: auto;
}

Spróbuj »

Dodanie strony wideo

Możemy dodać film na stronie internetowej. Poniższe przykłady i wideo jest automatycznie regulowana w zależności od regionu zajmuje cały obszar wielkości div div:

Przykłady

film {
width: 100%;
height: auto;
}

Spróbuj »
Responsive Web Design - wideo (Video)
10/30