Simple header

Tuesday, March 06, 2018

Cara Pasang videoJs

VideoJs adalah framework HTML 5 Video Player yang berdiri sejak tahun 2010 dan hingga kini telah di digunakan lebih dari 100.000 website termasuk website terkanal seperti Instagram, Tumblr, Dropbox dan masih banyak lagi.
Berikut cara untuk memasang framework dari videoJS

Pasang kode ddi bawah ini di antara <head>disini</head>

<link href='http://vjs.zencdn.net/5.4.6/video-js.css' rel='stylesheet'/>

Dan copy kode di bawah ini lalu simpan tepat di atas </body>

 <script src="http://vjs.zencdn.net/5.6.0/video.js"></script>

Lalu untuk memasang videonya lihat code ini

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
poster="poster.JPG" data-setup="{}">
<source src="url-video-disini.MP4" type='video/mp4'>
</video>

Poster untuk gambar thumbnile video dan url video untuk videonya.
Untuk video yang bisa di embed formatnya harus mp4

Cara Menambahkan Caption atau Subtitle

Untuk menambahkan Caption kedalam video yang di embed kita harus menambahkan element <track> didalam kode <video> dan masukan source subtitle dan untuk kasus ini file yang di gunakan harus berformat VTT  bukan SRT berikut contoh video yang menggunakan caption 

videojs

Subtitle dan caption sebenarnya adalah dua hal yang berbeda namun didalam kasus ini kita membuat caption sebagai subtitle 

<track label="indonesia" kind="subtie" srclang="in" src="url-subtitle.vtt" default></track>

No comments:

Post a Comment