Trang chủ Lập trình Javascript - HTML Tạo responsive cho trình Youtube chèn vào trang web

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

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
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.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

5 ứng dụng hỗ trợ biến điện thoại thành thiết bị bộ đàm

Sự ra đời của nhiều dòng smartphone làm cho bộ đàm trở thành lỗi thời. Tuy có phần lỗi thời nhưng chúng ta vẫn...

Mở tập tin Sketch và Photoshop bằng tiện ích online

Hôm rồi khách hàng gửi qua 1 tập tin .sketch nhưng không biết làm sao mở vì tập tin này là định dạng của...

Du lịch Quy Nhơn vào tháng 3 có gì hấp dẫn

Bình Định - Quy Nhơn, miền đất của nắng, gió và những bãi biển hoang sơ đang vào thời gian đẹp nhất trong năm. Tháng...

15 tính năng tìm kiếm trên Google có thể bạn không biết

Google là một công cụ tìm kiếm chính và gần như là chủ đạo trên internet. Nhưng theo thời gian, Google đã vượt xa...

Yam Yam Thai Kitchen – Thiên đường món Thái ở Quy Nhơn

Các món ăn Thái Lan luôn dễ dàng "đánh gục" những tâm hồn ăn uống nhờ vào hương vị chua, cay, mặn, ngọt và...

BẠN XEM CHƯA

Lấy ngẫu nhiên một chuỗi ngẫu nhiên với ngôn ngữ PHP

Lâu lắm mới lại viết 1 bài về lập trình. Hôm nay cũng nhẹ nhàng với yêu cầu lấy một chuỗi ngẫu nhiên. Đây...

Kiếm tiền trực tuyến với Shorte.st

Có lẽ việc kiếm tiền thông qua việc rút gọn link đã trở nên quá quen thuộc với các bạn. Vì vậy mình không...

Broken Links Checker: Kiểm tra và phát hiện link hỏng

Hôm nay được giao nhiệm vụ import dữ liệu cho một trang web. Có một bộ phận nhập liệu riêng nhưng điên với cái...

Tên miền Megaupload do FBI thu giữ trỏ về trang web khiêu dâm

Mới đây người dùng phát hiện ra một tên miền của trang Megaupload cũ là Megaupload.org đang trỏ về một địa chỉ quảng cáo...

Luận về yêu

Tình yêu xuất phát từ sự hoài mong cuồng loạn, từ sự khao khát vươn tới mục tiêu chứ không phải sự vui sướng...