HTML5 Video and Audio Elements Management Plugin - jQuery Media

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

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.