ChatGPT HELP: Menyematkan Video yg disimpan di Google Drive pd BLOGGER/Blogspot.com

on

Bisakah video Google Drive di-embed di website?

Ya — bisa, dan berjalan di semua platform seperti Blogger/Blogspot, WordPress, custom HTML, Webflow, dan lain-lain.

1. Ambil "Shareable Link" dari Google Drive

  1. Buka Google Drive
  2. Klik kanan video → Get link
  3. Set ke: Anyone with the link → Viewer
  4. Copy link seperti contoh berikut:
https://drive.google.com/file/d/1abcDEF123xyz/view?usp=sharing

2. Konversi menjadi URL embed "preview"

Ubah format link:

https://drive.google.com/file/d/FILE_ID/view?usp=sharing

Menjadi:

https://drive.google.com/file/d/FILE_ID/preview

Contoh hasil:

https://drive.google.com/file/d/1abcDEF123xyz/preview

3. Gunakan kode IFRAME (berfungsi di semua website)

<iframe 
  src="https://drive.google.com/file/d/FILE_ID/preview" 
  width="100%" 
  height="480" 
  allow="autoplay">
</iframe>

Versi Full-Width Responsive untuk Blogger

<div class="separator" style="clear: both; text-align: center;">
  <iframe 
     src="https://drive.google.com/file/d/FILE_ID/preview"
     allow="autoplay"
     width="100%" 
     height="480"
     style="max-width: 100%; border: none;">
  </iframe>
</div>

Catatan Penting

  • Google Drive memiliki limit traffic (quota exceeded); jika viewer terlalu banyak, video mungkin tidak bisa diputar.
  • Pastikan permission video sudah diset ke Anyone with link – Viewer.
  • Format paling aman: MP4.


CONTOH

LINK:

BEFORE:

https://drive.google.com/file/d/13HC4s7YPTf4rFEDyBq9FuHhF_yaqgRTO/view?usp=sharing

CONVERTED:

https://drive.google.com/file/d/13HC4s7YPTf4rFEDyBq9FuHhF_yaqgRTO/preview



SOURCE CODE:

<div class="separator" style="clear: both; text-align: center;">
  <iframe 
     src="https://drive.google.com/file/d/13HC4s7YPTf4rFEDyBq9FuHhF_yaqgRTO/preview"
     allow="autoplay"
     width="100%" 
     height="480"
     style="max-width: 100%; border: none;">
  </iframe>
</div>

Comments

Post a Comment