jQuery plugin to display YouTube video or Vimeo video in PopUp, responsive & retina, Compatible with WordPress, Autoplay support, easy to use.
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Update README.md Mar 10, 2016
YouTubePopUp.css Update YouTubePopUp.css Oct 16, 2016
YouTubePopUp.jquery.js Update YouTubePopUp.jquery.js Oct 16, 2016
close.png Added files via upload Mar 10, 2016
index.html Added files via upload Mar 10, 2016
jquery-1.12.1.min.js

README.md

YouTube PopUp jQuery Plugin

jQuery plugin to display YouTube video or Vimeo video in PopUp, responsive & retina, Compatible with WordPress, Autoplay support, easy to use.

##Live Demo

http://wp-time.com/youtube-popup-jquery-plugin/

##Usage

Easy to use, include jQuery and YouTubePopUp plugin and Style:

<link rel="stylesheet" type="text/css" href="YouTubePopUp.css">
<script type="text/javascript" src="jquery-1.12.1.min.js"></script>
<script type="text/javascript" src="YouTubePopUp.jquery.js"></script>
<script type="text/javascript">
  jQuery(function(){
      jQuery("a.bla-1").YouTubePopUp();
      jQuery("a.bla-2").YouTubePopUp( { autoplay: 0 } ); // Disable autoplay
  });
</script>

Now add class to links, for example:

YouTube:
<a class="bla-1" href="https://www.youtube.com/watch?v=3qyhgV0Zew0">With Autoplay</a>
<a class="bla-2" href="https://www.youtube.com/watch?v=3qyhgV0Zew0">Without Autoplay</a>

Vimeo:
<a class="bla-1" href="https://vimeo.com/81527238">With Autoplay</a>
<a class="bla-2" href="https://vimeo.com/81527238">Without Autoplay</a>

For WordPress use Video PopUp plugin: http://wp-time.com/video-popup-plugin-for-wordpress/

Enjoy.

YouTubePopUp.js Plugin and Style by Qassim Hassan: https://twitter.com/QQQHZ

WP Time: http://wp-time.com