[UPDATE] Cara Embed Video Google Drive Dengan Elemen Video HTML5

[UPDATE] Cara menyematkan video dari Google Drive menggunakan elemen video HTML5 . Beberapa waktu yang lalu saya menunjukkan cara menyematkan video dari Google Drive menggunakan elemen video HTML5 . Namun saat itu, untuk menyematkan video yang dihosting di Google Drive, Anda harus menggunakan kunci API Google Drive agar video dapat digabungkan dengan elemen video HTML5.

Namun, karena menghasilkan kunci API Google Drive cukup sulit untuk pemula, saya membagikan cara yang lebih mudah untuk menyematkan video Google Drive. Tapi ini hanya berlaku untuk file yang ukurannya kurang dari 100 MB. Jika file lebih besar dari 100 MB, Anda masih perlu menggunakan kunci API Google Drive.

Sematan itu sendiri masih menggunakan elemen video HTML5, dan sumber video kini dapat langsung menggunakan URL unduhan Google Drive .

Saya yakin dengan URL Direct Download Google Drive ini akan mudah bahkan bagi pemula untuk mendapatkan sumber video dari Google Drive. Tentu saja, mendapatkan URL unduhan langsung dari Google Drive cukup mudah dengan alat pembuat tautan unduhan langsung Google Drive.

Tetapi jika Anda tidak mengerti cara menggunakan alat generator Google Drive, silakan tonton video di bawah ini.

Jadi, ikuti langkah-langkah ini untuk mencoba menyematkan video dari Google Drive.

Tambahkan CSS berikut ke gaya blog Anda.

 .video-responsive {

 position: relative;

 padding-bottom: 56.25%;

 height: 0;

 overflow: hidden;

 }

 .video-responsive video {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

 border:0;

 }

Dan gunakan kode di bawah ini untuk menampilkan video Google Drive dengan elemen video HTML5 di postingan.

Demonstrasi

Dan trik ini juga bisa digunakan untuk AMP HTML menggunakan komponen amp-video .

Ini mungkin berguna.