Responsive Youtube & Vimeo Video Lightbox Plugin - YouTubePopUp

Responsive Youtube & Vimeo Video Lightbox Plugin - YouTubePopUp
File Size: 5.97 KB
Views Total:
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:

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


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