Menjana Responsif Kod Embed Mudah dengan Aplikasi Percuma Ini

Setiap pereka laman web tahu bagaimana untuk membenamkan video. Embedding adalah cara termudah untuk berkongsi kandungan dan memperbaiki artikel anda dengan media yang relevan.

Walau bagaimanapun, terdapat masalah dengan iframes dan video embeds lain yang serupa: kekurangan penyelesaian responsif. Setiap laman moden responsif sepenuhnya dan video tetap benar-benar boleh memecahkan aliran itu di telefon bimbit.

Untuk mengatasi masalah ini, cuba Embedresponsively.com. Aplikasi web percuma ini auto-menghasilkan kod benam untuk pelbagai laman media dan juga menyokong elemen iframe lalai.

Secara lalai, anda boleh pilih daripada segelintir laman multimedia yang menyokong benih asli:

Youtube
Vimeo
DailyMotion
Instagram
Twitter
Peta Google
Soundcloud
Scribd

Anda tidak perlu menghafal semua kod embed atau kekacauan dengan widget embed mereka. Hanya salin URL apa sahaja item yang anda mahu benamkan dan tampalkannya ke aplikasi web.

Sebaik sahaja anda mengklik “Benamkan” butang, awak akan dapatkan pratonton yang anda boleh ujian di pelayar anda dengan saiz semula, untuk melihat bagaimana video menyesuaikan diri. Di bawah panel pratonton, anda akan dapati satu blok kod yang anda boleh copy / paste dan gunakan untuk membenamkan di laman web anda.

Ini adalah salah satu penyelesaian paling mudah untuk masalah semakan responsif. Matlamatnya ialah menyimpan video fleksibel sambil mengekalkan nisbah aspek-bukan tugas mudah.

Terdapat satu bahagian yang hebat di CSS-Tricks dengan penyelesaian lain yang lebih bergantung pada kelas dan elemen kontena. Tetapi, jika anda tidak mahu sentiasa ingat dengan menambah bekas itu anda mungkin lebih suka Embedresponsively.com.

Ambil mengintip di tapak dan berikannya satu pukulan. Jika anda tidak keberatan bekerja dengan coretan kod yang lebih panjang ini tentunya penyelesaian yang hebat untuk susun atur responsif.

Dan, anda boleh mencari kod sumber penuh secara percuma di GitHub jika anda mahu tambah sokongan untuk lebih banyak media yang boleh diperbaharui.