Tekno

Videojs adalah sebuah framework video player berbasis web html yang dapat memutar video pada sebuah website. Plaform ini banyak digunakan untuk memutar video di berbagai jenis konten seperti onboard intertainment, website edukasi, sosial media maupun iklan komersial.

Seperti yang disebutkan di atas tentang Onboard Intertainment adalah konten yang dapat digunakan sebagai media hiburan di berbagai transportasi umum seperti kareta api dan bus. Biasanya di setiap penumpang kereta api maupun bus ada menyediakan media hiburan intertainment yang dapat memutar video yang dapat di tonton secara offline.

Sebagai website edukasi platform ini dapat dimanfaatkan sebagai e-learning offline yang dapat digunakan di sebuah perpustakaan dalam memberikan sebuah edukasi dalam bentuk video yang dapat di akses secara offline. Ada juga dijadikan sebagai media iklan komersial yang ditayangkan secara terus menerus.

Hal yang menarik dari videojs ini adalah platform gratis yang dapat digunakan oleh siapa saja, official website bisa kunjungi di videojs.com. Berikut ini sampel atau contoh video yang terbubung dengan google drive:

---

1. Membuat Videojs

Pertama sekali buatlah sebuah halaman website sederhana dengan html, dapat dicontohkan pada sampel yang disediakan oleh videojs seperti dibawah ini, link sampel videojs https://videojs.com/getting-started/

Simpan dengan nama play.html bisa di localhost maupun di document

2. Upload Video dan Share Link

Silakan upload terlebih dahulu file video ke Google drive. Bagaimana caranya dapat memutar video yang ada di Google Drive? yuk kita ulas...

Pada video yang telah diupload, silakan lakukan Share, dengan klik kanan pada video di google drive lalu pilih Share, setelah di pilih share silakan copy link, contoh link dari google drive adalah seperti dibawah ini : 

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

Silakan cari source atau sumber pada file play.html seperti dibawah ini : 

source data-src='MY_VIDEO.mp4' type='video/mp4'
source data-src='MY_VIDEO.webm' type='video/webm'

Silakan ubah isi dari source data-src local mode menjadi link id video dari google drive seperti dibawah ini: 

source data-src='https://drive.google.com/uc?export=download&id=1ifNDdUcsbQlpBmymVOhX9yqLZoarc3vv' type='video/mp4'
source data-src='https://drive.google.com/uc?export=download&id=1ifNDdUcsbQlpBmymVOhX9yqLZoarc3vv' type='video/webm'

Untuk melihat code komplitnya silakan cek dibawah ini : 

3. Menjalankan Video

Silakan bisa langsung klik kanan pada play.html pilih Open With Browser yang digunakan atau bisa menggunakan localhost.

 

Demikian tutorial ini kami bagikan, Selamat Mencoba