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:

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:

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: