Tạo responsive cho trình Youtube chèn vào trang web

Khi bạn chèn video trên Youtube vào trang web của mình bạn sẽ nhận được 1 đoạn mã chèn iframe vào trang web hoặc là một đoạn mã chèn flash nếu bạn chọn theo mã cũ. Và thông thường thì với những đoạn mã này bạn sẽ phải cố định kích thước nên rất khó để làm responsive (tương thích với các thiết bị).

Tuy nhiên với một chút kiến thức về CSS bạn có thể dễ dàng loại bỏ sự không tương thích này. Rất đơn giản, đầu tiên bạn hãy qui định cách đặt code chèn vào lúc nào cũng hãy nằm trong 1 thẻ div bao ví dụ ở đây mình đặt tên là video-container.

Và giờ bạn cần viết CSS cho các thành phần như sau:

Xong, bạn có thể chạy thử để kiểm tra. Nếu bạn chèn iframe thì viết CSS cho iframe bạn có thể viết thêm object hoặc embed.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Cảm ơn bạn đã đánh giá! Bạn có thể chia sẻ cảm nhận bài viết này lên các mạng xã hội: hoặc .
Bạn cảm thấy thế nào về bài viết này?
  • Vui mừng
  • Hấp dẫn
  • Thú vị
  • Chán
  • Buồn
  • Tức giận

Huỳnh Mai Anh Kiệt

Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

leave a comment

Create Account



Log In Your Account