Responsive Youtube & Vimeo Video Lightbox Plugin - YouTubePopUp
| File Size: | 5.97 KB |
|---|---|
| Views Total: | 40237 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
YouTubePopUp is a jQuery plugin that detects the YouTube & Vimeo video links and displays the videos in a responsive, fullscreen, retina-ready modal window with or without autoplay.
See also:
- Simple Responsive Youtube Video Modal Plugin With jQuery - YU2FVL
- Youtube Video Modal with jQuery and Bootstrap 3 - YTModal
How to use it:
1. Load the required style sheet YouTubePopUp.css which provides the primary CSS styles for the video modal.
<link rel="stylesheet" href="YouTubePopUp.css">
2. Create Youtube and Vimeo video links on the webpage.
<a class="demo" href="https://www.youtube.com/watch?v=CuH3tJPiP-U">Youtube</a> <a class="demo" href="https://vimeo.com/155813398">Vimeo</a>
3. Initialize the plugin and done.
jQuery("a.demo").YouTubePopUp();
4. Disable autoplay.
jQuery("a.demo").YouTubePopUp({ autoplay: 0 });
Change log:
2016-10-17
- JS & CSS update
This awesome jQuery plugin is developed by QassimHassan. For more Advanced Usages, please check the demo page or visit the official website.
