HELP ChatGPT: Menyematkan Video yg disimpan di Google Drive pd Situs Web karena File Video berukuran besar; pada contoh sktr 600Mb
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
- Buka Google Drive
- Klik kanan video → Get link
- Set ke: Anyone with the link → Viewer
- 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