Beranda » Toolkit » Hasilkan Kode Tanam Responsif dengan Mudah dengan Aplikasi Gratis ini

    Hasilkan Kode Tanam Responsif dengan Mudah dengan Aplikasi Gratis ini

    Setiap desainer web tahu cara menyematkan video. Menanamkan adalah cara termudah untuk berbagi konten dan meningkatkan artikel Anda dengan media yang relevan.

    Namun, ada masalah dengan iframe dan embed video serupa lainnya: the kurangnya solusi responsif. Setiap situs modern sepenuhnya responsif dan video yang diperbaiki benar-benar dapat memutus aliran itu di seluler.

    Untuk mengatasi masalah ini, cobalah Embedresponsively.com. Aplikasi web gratis ini otomatis menghasilkan kode sematan untuk beragam situs media dan bahkan mendukung elemen iframe default.

    Secara default, Anda bisa pilih dari beberapa situs multimedia yang mendukung penyematan asli:

    • Youtube
    • Vimeo
    • DailyMotion
    • Instagram
    • Kericau
    • Google Maps
    • Soundcloud
    • Scribd

    Anda tidak perlu mengingat semua kode embed ini atau mengacaukan widget embednya. Hanya salin URL barang apa pun yang ingin Anda sematkan dan rekatkan ke aplikasi web.

    Setelah Anda mengklik “Menanamkan” tombol, kamu akan dapatkan pratinjau kamu bisa uji di browser Anda dengan mengubah ukuran, untuk melihat bagaimana video beradaptasi. Di bawah panel pratinjau, Anda akan menemukan blok kode yang Anda bisa salin / tempel dan gunakan untuk menyematkan di situs Anda.

    Ini adalah salah satu solusi paling sederhana untuk masalah embed responsif. Tujuannya adalah untuk jaga agar video tetap fleksibel dengan tetap menjaga aspek rasio-bukan tugas yang mudah.

    Ada bagian yang bagus tentang Trik CSS-dengan solusi lain yang lebih bergantung pada kelas dan elemen wadah. Tetapi, jika Anda tidak ingin selalu ingat menambahkan wadah itu Anda mungkin lebih suka Embedresponsively.com.

    Mengintip situs tersebut dan mencobanya. Jika Anda tidak keberatan bekerja dengan cuplikan kode yang lebih panjang ini tentu saja merupakan solusi yang bagus untuk tata letak responsif.

    Dan, Anda dapat menemukan kode sumber lengkap gratis di GitHub jika Anda mau tambahkan dukungan untuk media yang lebih mudah disematkan.