Thiết kế web đáp ứng - Video
Sử dụng thuộc tính chiều rộng
Nếu thuộc tính width
được đặt thành 100%, trình phát video sẽ phản hồi và tăng giảm tỷ lệ:
Lưu ý rằng trong ví dụ trên, trình phát video có thể được tăng tỷ lệ lên lớn hơn kích thước ban đầu của nó. Trong nhiều trường hợp, giải pháp tốt hơn là sử dụng thuộc tính max-width
.
Sử dụng thuộc tính chiều rộng tối đa
Nếu thuộc tính max-width
được đặt thành 100%, trình phát video sẽ giảm tỷ lệ nếu cần, nhưng không bao giờ tăng tỷ lệ lên lớn hơn kích thước ban đầu:
Thêm video vào trang web mẫu
Chúng tôi muốn thêm một video vào trang web mẫu của chúng tôi. Video sẽ được thay đổi kích thước để luôn chiếm hết dung lượng có sẵn: