Duyarlı Web Sayfası Tasarımı - Video

width özelliğini kullanmak

Eğer width Özellik %100 olarak ayarlanırsa, video oynatıcısı yanıtlayacak ve büyüyecektir veya küçülecektir:

Örnek

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

Kişisel Deneyim

Lütfen, yukarıdaki örnekte video oynatıcısı orijinal boyutundan büyük olabileceğini unutmayın. Birçok durumda, max-width özelliğini kullanmak daha iyi bir çözüm olabilir.

max-width özelliğini kullanmak

Eğer max-width Özellik %100 olarak ayarlanırsa, video oynatıcı orantılı olarak küçültecek, ancak asla orijinal boyutundan büyük olmayacaktır:

Örnek

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

Kişisel Deneyim

Örnek web sayfasına video eklemek

Örnek web sayfasına video eklemek istiyoruz. Video, her zaman tüm kullanılabilir alanı kaplamak üzere boyutlandırılacaktır:

Örnek

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

Kişisel Deneyim