Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)

Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
Google Drive menjadi salah satu pilihan untuk menyimpan berbagai file, tak terkecuali file video. Jika dibandingkan dengan layanan penyimpanan file lainnya khususnya video, performa dari Google Drive ini lebih baik. Bisa dilihat dari kecepatan loading video yang cukup bagus terlebih ada fitur untuk memutar video dalam kualitas 360p, 720p hingga 1080p.
Banyak juga pengguna yang ngehost video dan juga file movie mereka di Google Drive ini, selain beberapa kelebihan diatas Google Drive juga didukung berbagai macam player. Jika kamu menggunakan akun gratis maka kamu hanya mendapatkan 15GB penyimpanan saja, tentunya di akun gratis ini ada limit view dan download. Jadi sekiranya file kamu cukup banyak di akses pengguna sebaiknya beralih ke akun premium yang mana budget bulanannya bisa kamu sesuaikan.

Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)

Berbeda dengan video di YouTube kamu dapat dengan mudah memutar video tersebut di blog atau website kamu, istilahnya embed atau iframe. Nah lalu bagaimana dengan video di Google Drive, bagaimana cara memutar video tersebut.

Buat dulu agar file bisa di akses dan dilihat oleh publik

Atur dulu agar video kamu bisa di play dan di view oleh semua orang, karena secara default privasi file di Google Drive tidak mengijinkan semua orang untuk dapat mengakses file tersebut. Cara melakukannya cukup mudah silahkan ikuti tutorial dibawah ini:
  • klik kanan pada file video dan pilih Dapatkan tautan yang bisa dibagikan
Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
  • pilih Setelan berbagi
Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
  • klik Lanjutan
Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
  • pada opsi ‘Siapa yang memiliki akses’ klik Ubah
Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
  • rubah ke Aktif – Publik di web dan Simpan
Cara Memutar Video Google Drive di Blog / Website (Embed Iframe)
Jika file video tersebut berada di dalam folder, pastikan juga rubah privasi foldernya sama seperti cara diatas. Kini file video sudah dirubah privasinya ke publik, kini kita tinggal embed video tersebut agar bisa di putar di situs kita.

Embed / iframe video di Google Drive

Berikut ini kode iframe yang bisa kamu gunakan, ada ukuran responsif dan ada fix untuk ukuran tertentu. Untuk yang responsif maka kode iframenya seperti ini:
<iframe src=”link_video_disini” width=”100%” height=”100%” frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”NO” allowfullscreen=”allowfullscreen”></iframe>
Untuk yang responsif tapi dengan tinggi yang disesuaikan contohnya seperti ini:
<iframe src=”link_video_disini” width=”100%” height=”400px” frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”NO” allowfullscreen=”allowfullscreen”></iframe>
Untuk yang fix ukuran tertentu kode iframenya seperti ini:
<iframe src=”link_video_disini” width=”700px” height=”400px” frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”NO” allowfullscreen=”allowfullscreen”></iframe>

Cara embed video di Google Drive

Silahkan klik kanan pada video dan pilih Tautan yang bisa dibagikan dan copy (Ctrl+C) Contohnya seperti ini:
https://drive.google.com/open?id=0B5JX6JcTVykqU08wZl9pd2VwMDg
Rubah menjadi:
https://drive.google.com/file/d/0B5JX6JcTVykqU08wZl9pd2VwMDg/preview
Kode iframenya seperti ini:
<iframe src=”https://drive.google.com/file/d/0B5JX6JcTVykqU08wZl9pd2VwMDg/preview” width=”700px” height=”400px” frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”NO” allowfullscreen=”allowfullscreen”></iframe>
Kamu dapat mempaste kode tersebut dihalaman website atau blog kamu di mode Text atau HTML dan contoh hasilnya seperti ini:
*sumber video: Channel YouTube Daniel Asbun (Dewa) Pupus – Classical Fingerstyle Guitar Cover w/TAB
Kalau mau copy kodenya disini:
<iframe src="https://drive.google.com/file/d/0B5JX6JcTVykqU08wZl9pd2VwMDg/preview" width="700px" height="400px" frameborder="0" marginwidth="0" marginheight="0" scrolling="NO" allowfullscreen="allowfullscreen"></iframe>
Cukup mudah bukan? silahkan kamu dapat mempraktekkan tuturial diatas untuk video kamu lainnya. Jika teman-teman ada kendala atau mungkin ada tips yang lebih simpel silahkan sampaikan ke kita melalui form komentar dibawah ini.

Comments

  1. Mau tanya min, apa video yg sizenya 3Gban bisa diputar dgn kualitas aslinya, krn sy coba koq ga bisa ya, (maksud saya stelah sy share, tmn sy maunya lgsg bisa olay tnpa harus download)

    ReplyDelete
  2. Scriptnya mantab langsung muncul videonya, terima kasih banyak gan, sukses selalu

    ReplyDelete

Post a Comment

Popular posts from this blog

Cara Membuat Nameserver Domain Dengan IP Sendiri di Namecheap

Cara Menggunakan Aplikasi Smoke Free