Pada pagi yang tenang ini saya akan memberikan materi tentang javscript plugin yaitu Cara Menggunakan Video Js Player Framework, sedikit saya jelaskan tentang apa itu video js.
Video js adalah sebuah player framework untuk keperluan pemutar video berbasis web yang menggunakan bahas javascript, jadi jika kita menggunakan video js di bandingkan dengan pemutar video bawan HTML5 yaitu iframe kita akan lebih banyak mendapatkan keuntungan dengan fitur-fitur yang di berikan oleh video js.
baiklah langsung saja kita menuju cara menggunakanya, di sini saya menggunakan fitur CDN yg di berikan video js sehingga saya tidak perlu mendownload nya hanya menload source mereka secara online realtime.
Caranya seperti ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<head> <link href="http://vjs.zencdn.net/6.6.3/video-js.css" rel="stylesheet"> <!-- If you'd like to support IE8 --> <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> </head> <body> <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> <source src="MY_VIDEO.mp4" type='video/mp4'> <source src="MY_VIDEO.webm" type='video/webm'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> <script src="http://vjs.zencdn.net/6.6.3/video.js"></script> </body> |
baiklah itu saja tentang Cara Menggunakan Video Js Player Framework, semoga bermanfaat dan sampai bertemu pada artikel selanjutnya