HTML5 Video and Audio Elements Management Plugin - jQuery Media

File Size: 1.37MB
Views Total: 1498
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
HTML5 Video and Audio Elements Management Plugin - jQuery Media

jQuery media is a jQuery based plugin that allows you to simply manage HTML5 Video and Audio Elements, properties, events, etc. Please check our more example pages list blow to better work with the plugin.

You may also like:

Basic Usage (Fullscreen HTML5 Video Player):

1. Add a button to switch the fullscreen mode

<button id="fullscreen">Fullscreen</button>

2. Insert a video file using html5 video tag

<button id="fullscreen">Fullscreen</button>

3. Include jQuery library and jQuery.media.js on your page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.media.js" type="text/javascript" charset="utf-8"></script>

4. The javascript

<script type="text/javascript">
$(document).ready(function () {
var video = $.media('#v1');

$('#fullscreen').click(function () {
video.fullScreen();
});

video.fullScreen(function (event, fullScreen) {
alert('fullScreen: ' + fullScreen);
});
});
</script>

More Examples:


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