Tạo mã nhúng Responsive dễ dàng với ứng dụng miễn phí này
Mọi nhà thiết kế web đều biết cách nhúng video. Nhúng là cách dễ nhất để chia sẻ nội dung và cải thiện bài viết của bạn với phương tiện có liên quan.
Tuy nhiên, có một vấn đề với iframe và các video nhúng tương tự khác: thiếu các giải pháp đáp ứng. Mọi trang web hiện đại đều đáp ứng đầy đủ và một video cố định thực sự có thể phá vỡ dòng chảy đó trên thiết bị di động.
Để khắc phục vấn đề này, hãy thử Embedresponsively.com. Ứng dụng web miễn phí này tự động tạo mã nhúng cho một loạt các trang web truyền thông và thậm chí hỗ trợ các phần tử iframe mặc định.
Theo mặc định, bạn có thể chọn từ một số ít các trang web đa phương tiện hỗ trợ nhúng gốc:
- YouTube
- Vimeo
- DailyMotion
- bản đồ Google
- Soundcloud
- Viết nguệch ngoạc
Bạn không cần phải ghi nhớ tất cả các mã nhúng hoặc lộn xộn với các tiện ích nhúng của chúng. Chỉ sao chép URL của bất kỳ mục nào bạn muốn nhúng và dán nó vào ứng dụng web.
Khi bạn nhấp vào “Nhúng” nút, bạn sẽ có được một bản xem trước cái đó bạn có thể kiểm tra trình duyệt của bạn bằng cách thay đổi kích thước, để xem cách điều chỉnh video. Bên dưới khung xem trước, bạn sẽ tìm thấy một khối mã mà bạn có thể sao chép / dán và sử dụng để nhúng vào trang web của bạn.
Đây là một trong những giải pháp đơn giản nhất cho vấn đề nhúng đáp ứng. Mục tiêu là để giữ cho video linh hoạt trong khi duy trì tỷ lệ khung hình-không phải là một nhiệm vụ dễ dàng.
Có một phần tuyệt vời trên CSS-Tricks với một giải pháp khác phụ thuộc nhiều hơn vào các lớp và một phần tử container. Nhưng nếu bạn không muốn luôn luôn nhớ thêm container đó bạn có thể thích Embedresponsively.com.
Hãy nhìn vào trang web và cho nó một shot. Nếu bạn không phiền làm việc với các đoạn mã dài hơn đây chắc chắn là một giải pháp tuyệt vời cho bất kỳ bố cục đáp ứng.
Và, bạn có thể tìm mã nguồn đầy đủ miễn phí trên GitHub nếu bạn muốn thêm hỗ trợ cho phương tiện truyền thông nhúng hơn.
