jQuery Plugin for Controlling and Customizing HTML5 Video/Audio - html5video
File Size: | 10.1 MB |
---|---|
Views Total: | 1775 |
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.