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:

• jQuery Plugin for Fade-in and Fade-out HTML5 Audio - fadeaudio
• jQuery Plugin for Controlling and Customizing HTML5 Video/Audio - html5video
• Cross Platform HTML5 Audio & Video Player For jQuery - jPlayer
• HTML5 & Flash Video Player - FlareVideo
• HTML5 Webcam Plugin with jQuery - photobooth
• HTML5 Audio Compatibility Layer - Audio5js
• HTML5 Video and Audio Player Plugin - MEjs
• HTML5 Video Player with jQuery and CSS3

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:

• Fullscreen Example
• Subtitles Example
• Sync Example
• Timeline Example
• Tocanvas Ascii Example
• Tocanvas Chroma Example
• Tocanvas Greyscale Example
• Tweens Example

---

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