Popup In Vimeo/Youtube Video Plugin For jQuery

File Size:5.15 KB
Views Total:155
Last Update:December 24, 2017
Publish Date:December 2, 2017
Official Website:Go to website
License:MIT

Popup in vimeo/youtube video auto play or custom play plugin in jquery. for use open popup in play youtube video & vimeo video play with control jquery custom code script.

How to use it:

1. Include the main stylesheet video.popup.css for the video popup.

<link rel="stylesheet" href="video.popup.css">
<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="video.popup.js"></script>

2. Add Html Code.

<a id="video" video-url="https://www.youtube.com/watch?v=0wCC3aLXdOw">
  Youtube
</a>
<a id="video2" video-url="https://vimeo.com/229490822">
  Vimeo
</a>

3.  Initialize the plugin with default options.

$("#video1, #video2").videoPopup();

4. Config the video popup with the following options.

$("#video1, #video2").videoPopup({

  // autoplay on open
  autoplay: false,

  // shows video controls
  showControls: true,

  // colors of controls
  controlsColor: null,

  // infinite loop
  loopVideo: false,

  // shows video information
  showVideoInformations: true,

  // width
  width: null
  
});

5. You can also add more  Parameters in the customOptionsoption: