Google Drive Video with Custom Player2 - zdienos blog

Google Drive Video with Custom Player2

Ini adalah tutorial cara pemasangan script video pada blogspot.

A. Edit Theme 

Buka blogger, pilih Theme, lalu edit Theme

1. Gunakan fitur search, cari "/head", tanpa tanda kutip
2. Copy dan paste kode berikut, tepat di atas baris ....../head>, lihat gambar
<link href='https://vjs.zencdn.net/4.3.0/video-js.css' rel='stylesheet'/>

3. Cari lagi kata "/body",
4. Copy dan paste kode berikut, tepat di atas .....body>
<script src='https://vjs.zencdn.net/4.3.0/video.js'/>

B. Membuat postingan Video dari Google Drive

1. Buat postingan seperti biasanya
2. Untuk memasukkan video, pilih tab HTML,
3. Copy dan paste kode berikut
<video class="video-js vjs-default-skin vjs-controls-enabled vjs-big-play-centered" controls="" controlslist="nodownload" data-setup="{}" height="360px" id="my-video" poster="http://LINK_GAMBAR.JPG" preload="auto" width="100%">
<source src="https://drive.google.com/uc?export=download&id=ID_FILE_GOOGLE" type="video/mp4"></source>
</video>
4. Ganti LINK_GAMBAR.JPG dengan link gambar untuk dijadikan thumbnail video (poster)
5. Ganti ID_FILE_GOOGLE, dengan id file di google drive Anda
Untuk mendapatkan id file google drive, caranya buka file di google drive, pada menu titik tiga, klik open in new window.


Untuk fitur hanya bisa diakses via mobile/smartphone, ikuti langkah berikut:
1. Search kembali "/head"
2. Tambahkan kode berikut, tepat di bawah kode yang pertama kali ditambahkan tadi (Bagian A, Langkah 1)
<style>
@media only screen and (min-width: 769px)
{ * {display:none} }
</style>

Untuk lebih lengkapnya, bisa dilihat pada video berikut, terima kasih.