HTML5 Auto Video Player jQuery meo js - Download Cross-platform HTML5 Auto/Video Player For jQuery - Meo

Download Cross-platform HTML5 Auto/Video Player For jQuery – Meo

Posted on

This time I will share jQuery Plugin and tutorial about Cross-platform HTML5 Auto/Video Player For jQuery – Meo, hope it will help you in programming stack.

HTML5 Auto Video Player jQuery meo js - Download Cross-platform HTML5 Auto/Video Player For jQuery - Meo
File Size: 8.82 KB
Views Total: 3650
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Meo is a lightweight jQuery plugin that helps you embed customizable, cross-platform HTML5 video and audio players into your modern webpage. Licensed under the MIT and LGPLv3.

How to use it:

1. Load jQuery library together with the meo.css and meo.js in the html page.

1 <link href="meo.css" rel="stylesheet">
2 <script src="//code.jquery.com/jquery.min.js"></script>
3 <script src="meo.js"></script>

2. Embed your own HTML5 video and audio elements in the page.

1 <video>
2   <source src="video.mp4">
3 </video>
4 <audio src="video.mp3" controls></audio>

3. Initialize the HTML5 Auto/Video Player plugin and done.

1 $("video, audio").meo();

4. Default plugin options to customize the Auto/Video Player.

01 $("video, audio").meo({
02  
03   // "hhmmss", "mmss" or "default"
04   timeFormat: "default",
05  
06   // hide after mouse inactivity in milliseconds
07   hideTime: "2000",
08  
09   // number of seconds the keyboard shortcuts
10   skip: "5"
11    
12 });

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

source : jqueryscript.net