Wednesday, June 26, 2019

Cara memasang VideoJs di Artikel

CARA MEMASANG VIDEOJS DI ARTIKEL


Cara membuat VideoJs di Artikel

Di artikel kali ini admin akan berbagi bagaimana cara memandang script VideoJs Ke dalam tema blogger dan artikel milik sobat sendiri. Membuat postingan VideoJs tidak lah rumit sobat, sebelum masuk ke pembahasan bagaimana cara memasang script VideoJs Ke dalam tema blogger dan artikel milik sobat admin jelaskan pengertian VideoJs terlebih dahulu.

VideoJS merupakan salah satu  pemutar video yang populer di kalangan developers web. VideoJS juga ada yang berupa sebuah aplikasi media player untuk halaman web yang dirancang dengan HTMl5, CSS, dan Javascript. VideoJS  ada sekitar tahun 2010 silam dan sampai sekaeang telah digunakan ±110.000 website termasuk juga Twitpic, Vine, Instagram, Tumblr, Dropbox, 99designs yang lainnya.

Nah, pada artikel kali ini admin akan berbagi bagaimana cara memasang videojs di blogger (blogspot), cara yang admin bagikan ini tidak begitu sulit untuk di terapkan selain itu juga admin akan berbagi bagaimana cara memasang script videojs di artikel sehingga bisa untuk streaming dari server pilihan sobat. Yap langsung saja admin bagikan cara dan langkah-langkah memasang videojs di blogspot:

Langkah 1: Menempelkan css dan javascript videojs pada template blogger milik sobat

Silahkan login ke akun blogger sobat di blogger.com,lalu ke menu theme, kemudian pilih menu template dan pilih edit html, setelah itu masukkan kode di bawah ini tepat di atas kode </head>

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

 Setelah itu copy kode di bawah ini lalu tempelkan tepat di atas kode </body>

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

Jika terjadi error atau tidak valid maka sobat coba gunakan kode di bawah ini, tempelkan tepat diatas</body>

&lt;script src=&quot;http://vjs.zencdn.net/5.6.0/video.js&quot;&gt;

Kemudian simpan template sobat seperti biasa dengan mengklik tombol save template atau simpan.

Langkah 2: Menempelkan kode html videojs pada postingan/artikel milik sobat

Buatlah sebuah postingan/artikel yang baru, kemudian pilih pada menu html postingan atau artikel, lalu tempelkan kode di bawah ini pada mode html postingan, ganti tulisan yang berwarna merah lalu klik publish

<video id="my-video" class="video-js" controls preload="auto" width="550" height="300"
poster="URL-SAMPUL-VIDEO-ANDA.JPG" data-setup="{}">
<source src="URL-VIDEO-ANDA.MP4" type='video/mp4'>
</video>

Perhatikan kode di atas, silahkan ganti tulisan yang berwarna merah sesuai dengan yang di minta misalnya url sampul untuk video sobat, dan link video yang akan di posting, contoh link video: https://video.com/blog.mp4, Untuk angka yang 550 dan 300 adalah lebar dan tinggi kotak video playernya.

Oke selesai sudah postingan pembahasan kita kali ini, bagaimana mudah bukan membuat artikel videojs? silahkan di coba.