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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

BÀI VIẾT MỚI

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

BẠN XEM CHƯA

Ra mắt chuyên trang rao vặt miễn phí trên Mạng Bình Định

Với mong muốn giúp người kinh doanh, cung cấp dịch vụ giới thiệu sản phẩm đến người dùng trên Mạng Bình Định nên Ban...

Thơ vui IT

Nếu một ngày Windows em báo lỗi Anh nguyện làm các Soft test đơn phương Từng Sector anh đi khắp nẻo đường Fix hết nhé những Error...

Lẩu Nướng Thái Lan Poi Pet 07 – Ẩm thực Thái ở Quy Nhơn

Bạn muốn tìm một hương vị ẩm thực mới lạ để cùng thưởng thức với bạn bè hoặc người thân thì Mạng Bình Định...

Một số thông tin cần biết về các loại CPU trên laptop

Một số số dòng CPU trên laptop:  CPU Celeron: CPU yếu, xuất hiện trong các máy tính giả rẻ, tablet hay mini laptop chỉ...

Website cung cấp mã bưu chính của tất cả các địa phương trên thế giới

Khi đăng ký một số dịch vụ trên mạng chắc hẳn không ít lần bạn sẽ yêu cầu nhập mã bưu chính (postcode, zipcode)....