Menggunakan Properti lebar
Jika width properti diatur ke 100%, pemutar video akan responsif dan skala atas dan ke bawah:
Perhatikan bahwa dalam contoh di atas, pemutar video dapat ditingkatkan menjadi lebih besar dari ukuran aslinya. Sebuah solusi yang lebih baik, dalam banyak kasus, akan menggunakan max-width properti sebagai gantinya.
Menggunakan max-width Properti
Jika max-width properti diatur ke 100%, pemutar video akan menurunkan jika itu harus, tetapi tidak pernah skala hingga lebih besar dari ukuran aslinya:
Tambahkan Video ke Halaman Web Contoh
Kami ingin menampilkan video di halaman contoh web kami. Video akan diubah ukurannya untuk selalu mengambil semua ruang yang tersedia: