Home / Web / Videocontrols : Plugin Jquery untuk Video Player

Videocontrols : Plugin Jquery untuk Video Player

Penggunaan video player dalam web bukanlah hal yang sulit. Sudah banyak plugin/tools yang memudahkan untuk video berjalan dalam web. Salah satunya videocontrols. Videocontrols merupakan salah satu jquery plugin yang memudahkan untuk mengimplementasikan video player dalam web. Tentu requirement yang dibutuhkan adalah jquery. Selain itu tidak ada.

Videocontrols merupakan free open source, cross platform dan memanfaatkan tag HTML5

Fitur yang dimiliki videocontrols :
Free & Open Source
Easy to use
Lightweight
Based on jQuery
100% skinnable using CSS
Consistent look between browsers
Preview on timebar mouse over
Markers on timebar
Buffer loading visibility
Medium and Full screen
Play/pause, seek
Volume Control
Mute/unmute
Mobile compatible

Untuk pengimplementasiannya :

1. Menggunakan file css yang sudah disediakan pada tag :

<link type="text/css" rel="stylesheet" href="jquery.videocontrols.css">

2. Menggunakan file js :

<script type="text/javascript" src="jquery.videocontrols.js">

3. Maka untuk menampilkan dengan menjalankan fungsi videocontrols() :

<script type="text/javascript"> 
    $('video').videocontrols(); 
</script>

mudah bukan?masih banyak options yang bisa kita gunakan. Untuk lebih lanjut bisa meluncur ke :
http://blog.pornzrus.com/2014-01-25-HTML5-Video-Player-like-YouTube-in-jQuery-plugin

About alfach

Check Also

mqdefault

Middleware Session Timeout Laravel

Menentukan berapa lama session user berada didalam aplikasi adalah hal yang penting. Pengaturan session timeout ...

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>