jQuery Plugin for Controlling and Customizing HTML5 Video/Audio - html5video

jQuery Plugin for Controlling and Customizing HTML5 Video/Audio - html5video
File Size: 10.1 MB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

html5video is a jQuery plugin for easily controlling and customizing your HTML5 video/audio player using HTML Audio/Video DOM.

Basic Usage:

1.  Include jQuery Library and html5video.js on the html page

<script src="http://code.jquery.com/jquery-1.9.0.min.js" type="text/javascript"></script>
<script src="jquery.html5video.js" type="text/javascript"></script>

2. Markup

<video width="370" height="214" id="demo1">
<source src="assets/video/demo.ogv" type="video/ogg"> 
<source src="assets/video/demo.webm" type="video/webm">
<source src="assets/video/demo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video> 

3. Call the plugin with options

$("#demo1").html5video({
controls : false,
autoplay : false,
playSelector : $('#play'),
pauseSelector : $('#pause'),
stopSelector : $('#stop'),
fullSelector : $('#fullScreen'),
timerSelector : $('#timer'),
durationSelector : $('#duration'),
barSelector : $('#bar')
}); 

4. Click here to learn more about HTML Audio/Video DOM.


This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.