Hướng dẫn responsive iframe khi chèn website wordpress

Hướng dẫn responsive iframe khi chèn website wordpress

Khi bạn chèn video từ youtube hay âm nhạc vào website có thể sẽ không hiển thị tốt trên mobile hay điện thoại.Sau đây dịch vụ thiết kế website giá rẻ tphcm sẽ hướng dẫn bạn cach responsive iframe website trên màn hình mobile.

Hướng dẫn responsive iframe video từ youtube,mp3.zing bằng css

Mặc định khi bạn nhúng video hay iframe từ website khác vào sẽ có dạng code như sau :


Trước tiên bạn bạn cần xóa width và height từ iframe nhúng vào.Sau đó bạn chèn 1 div để định dạng css cho iframe.Có thê tham khảo code dưới đây:


Để responsive video bạn sự dụng css sau :


Hướng dẫn responsive iframes với SASS


Ngoài cách responsive với css bạn có thể responsive iframe with js theo cách sau :

Bạn có thể tham khảo chi tiết tại https://benmarshall.me/responsive-iframes/

Cảm ơn bạn đã quan tâm tới hướng dẫn responsive iframe khi chèn vào website

Đánh giá bài viết

Share this post

Trả lời

Email của bạn sẽ không được hiển thị công khai.