Skip to main content

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

  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

Popular posts from this blog

PART 0.1.0 RAD PROTOTYPE Web-App: Post-Video & Comments [program]

Video List — JP Kanji Ultra Translation CONTROL SECTION — Login (Admin) Username: Password: Login CONTROL SECTION — Admin Panel Enable Comments Disable Comments Logout Activity Log Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment Show Video COMMENTS DISABLED BY ADMIN Leave a Comment: Additional Comment

My Pending and Delayed POSTs SUMMARY [APPs]
MADE by ChatGPT

🔗 My Pending and Delayed POSTs SUMMARY Sort by Date Sort by Auto Title Sort by My Title Ascending Descending (Newest First) Insert URL: Your Own Title (Optional): Status: Pending Done ➕ ADD ENTRY 💾 SAVE EDIT (MAIN FORM) DATE / TIME AUTO TITLE MY TITLE STATUS URL ACTIONS 📝 TO DO LIST SUMMARY Sort by Date Sort by Header Sort by Detail ...

Tablet Holder di Mobil dan Konsep DOUBLE Tablet Holder aka +secondary supporting holder

Gw udah pasang Holder khusus Tablet yg menurut gw sudah pilihan terbaik! Karena memiliki Arm KERAS/RIGID yg dibutuhkan utk menggenggam ERAT Dalam hal menopang Tablet yg lebih berat dr HP biasa Cekidot Lapak (click here!!) Namun .. Setelah gw pasang Bukan tidak bagus Tapi kalau melewati jalan jelek GOYANG (sikit) juga Gan! Akan tetapi .... Gw rasa bisa makin dimaksimalkan KERIGIDAN dengan menambah PENOPANG KEDUA Check it out: Dari searching2 di MarketPlace Gw ketemu yg mirip holder lampu belajar zaman doeloe Dan .. namun .. tiba2 gw menemukan Ide (lanjutan) Mekanisme yg bisa diReApplied kalau suatu saat diperlukan di Kreasi Agan2 lain  Gunakan Kombo 2 Perangkat berikut apabila membutuhkan holdingan tablet tambahan yg memiliki  "hold area"  yg lebih sempit karena holder kedua "takutnya/dirasa" tidak akan muat utk menggenggam Tablet sebagai penopang kedua, sebagai akibat holder pertama/utama sudah "cukup banyak" memakan tempat Perangkat Pertama (kon...