Responsive Youtube & Vimeo Video Lightbox Plugin - YouTubePopUp

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.