This time I will share jQuery Plugin and tutorial about Responsive Youtube & Vimeo Video Lightbox Plugin – YouTubePopUp, hope it will help you in programming stack.
File Size: | 5.97 KB |
---|---|
Views Total: | 38286 |
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.
How to use it:
1. Load the required style sheet YouTubePopUp.css
which provides the primary CSS styles for the video modal.
1 |
< link rel = "stylesheet" href = "YouTubePopUp.css" > |
2. Create Youtube and Vimeo video links on the webpage.
1 |
< a class = "demo" href = "https://www.youtube.com/watch?v=CuH3tJPiP-U" >Youtube</ a > |
2 |
< a class = "demo" href = "https://vimeo.com/155813398" >Vimeo</ a > |
3. Initialize the plugin and done.
1 |
jQuery( "a.demo" ).YouTubePopUp(); |
4. Disable autoplay.
1 |
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.
source : jqueryscript.net