Lightweight jQuery Plugin To Render Modal Videos - ModalVideo
File Size: | 342 KB |
---|---|
Views Total: | 7380 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
ModalVideo is a super tiny jQuery plugin for playing videos in a modal popup that currently handles Youtube videos and MP4 videos using html5 native controls.
How to use it:
1. Include the required modal-videos.css
in the head
section that provides the basic styles for the video modals.
<link href="assets/modal-videos.css" rel="stylesheet">
2. Embed Html5 videos and Youtube videos into your webpage.
<a href="1.mp4"> ... </a> <a href="https://www.youtube.com/watch?v=VIDEO-ID"> ... </a>
3. Active the plugin. Each video has need its own instance of modalVideoOptions. You can also add parameters to your ModalVideoOptions object like events, more details in the modal-videos.js file
$('a[href]').each(function(){ $(this).modalvideo(new ModalVideoOptions()); });
This awesome jQuery plugin is developed by giuunit. For more Advanced Usages, please check the demo page or visit the official website.