Cara Responsive Video Dengan Superembed.js

Di panduan kali ini saya akan memberikan bahan panduan bagaimana  Cara Memiliki tampilan yang dinamis Video Dengan Superembed.js, bagi mengerjakan hal tersbut kita menggunakan jquery plugin yang bernama superembed.js.



Plugin ini memecahkan dua masalah sekaligus. Seluruh video yang di embed akan meregang bagi mengisi wadah utama, sekaligus lumayan fleksibel bagi disesuaikan ukurannya merujuk pada jendela peramban.



Bagian yang terbaik yakni SuperEmbed.js tak memerlukan kode tambahan, jadi Sahabat dapat menyematkan file dan membiarkannya berjalan. Library JS ini menangani sisanya dengan menargetkan unsur tertanam dari situs tertentu.



Seluruh video mempertahankan rasio aspek spesifiknya, sehingga Sahabat tak perlu khawatir dengan dimensi miring. Dan SuperEmbed bekerja selaku Library JS vanili tanpa ketergantungan seperti jQuery.



Ketika ini, SuperEmbed mendukung 15+ embeds video dari situs seperti YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me, dan Archive.org (di antara banyak lainnya). Daftar ini masih berkembang, sehingga diinginkan lebih banyak layanan streaming video yang akan ditambah dari waktu ke waktu.



Agar alat ini berfungsi, Sahabat hanya perlu mengunduh Library dan menambahkannya ke header situs Sahabat seperti:




<script src=js/superembed.min.js></script>



Sahabat dapat mendownloadnya lewat repository di GITHUB ini  -> Download



Bagus setelah itu kita seketika saja mencobanya :



<!DOCTYPE html>
<html>
<head>
<title>memiliki tampilan yang dinamis Embed jquery</title>

<img src=data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 data-wp-preserve=%3Cscript%20src%3D%22superembed.js%22%3E%3C%2Fscript%3E data-mce-resize=false data-mce-placeholder=1 class=mce-object width=20 height=20 alt=Di panduan kali ini saya akan memberikan bahan panduan bagaimana   Cara Memiliki tampilan yang dinamis Video Dengan Superembed.js title=Cara Memiliki tampilan yang dinamis Video Dengan Superembed.js />
</head>
<body>

<iframe  width=560 height=315 src=https://www.youtube.com/embed/2XkV6IpV2Y0 frameborder=0></iframe>
</div>

</body>
</html>


hasilnya akan seperti ini :



Pada



 



Jadi seperti begitulah artikel panduan Cara Memiliki tampilan yang dinamis Video Dengan Superembed.js, semoga bermanfaat dan hingga bertemu di artikel berikutnya.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more