Selamat datang kembali di website tips dan trik Dumet School, berjumpa kembali dengan saya dalam pembahasan framework css materialize. Dan pada tutorial kali ini kita sudah sampai dengan pembahasan Responsive Embeds dan Responsive Videos Pada Matrealize kedua fungsi ini juga banyak sekali digunakan khusus website yang menyediakan full video. Contohnya seperti berita bola, website film atau mungkin website yang penih dengan promosi yang berkenaan dengan layout video. Dalam materi kali ini kita akan mencoba menampilkan video dengan Responsive Embeds dan Responsive Videos dimana keduanya sama – sama menghasilkan output video. Bedanya kalau Responsive Embeds video kita ambil langsung dari youtube sedangkan Responsive Videos kita ambil file video sendiri.
Oke langsung saja kita implementasikan Responsive Embeds dan Responsive Videos Pada Matrealize, teman – teman siapkan file materialize nya dan buka file index.html nya. Kemudian pergi ke halaman youtube dan pilih video apa saja kemudian di bawah video ada text bagikan
Kemudian klik sematkan
Kemudian copy script nya
Kemudian paste di dalam file index.html nya, dengan di bungkus dengan class video-container
JIka sudah save dan jalankan pada browsernya
Maka pada posisi mobile video menjadi responsive, oia perlu teman – teman ingat karena kita mengambil langsung dari youtube itu berarti wajib online atau ada internet. Selanjutnya kita akan implementasikan Responsive Videos teman – teman siapkan video apa saja, kemudian panggil file nya dengan cara memberikan class responsive-video dan di dalamnya baru panggil file video nya
Jika saya save dan refresh pada browsernya, video yang saya panggil ofline juga akan responsive
Dengan begitu, layout video yang kita buat akan responsive. Dengan menggunakan framework kita bisa menghemat waktu dan membuat layout lebih singkat.
Sekian pada artikel kali ini tentang Responsive Embeds dan Responsive Videos Pada Matrealize kita akan berjumpa kembali pada artikel yang akan datang, semoga bisa menambah pengetahuan teman – teman dalam pemahaman framework css materialize nya. Terimakasih dan sampai jumpa