Turn any element into a lightbox or popover link for Youtube and Vimeo videos. Includes access to all embed API options for both providers as well as a healthy set of style options.
Why?
Lots of reasons. The main one, and the reason we built it, is for quick video explainers in the appropriate places. This little plugin bootstraps getting those helpful little videos in place.
How?
Simple. Add the js to your project (along with jQuery), add the appropriate data atrributes like so data-video-id="y-XbTtgr8J8uU", then initialize on the target and enjoy your video lightbox / popover enhanced element!
Features
Simple access to all embed API options for both providers
Lots of options to customize and beautify your lightboxes
Intelligent popover auto positioning gravitates to page center
Lazy loading of videos prevents slow page load due to video embeds
Rick Roll with ease (don't pass video id, add rick_roll option to prevent closing)
Or they can be passed as data attributes: (Note that data attributes are all prefixed with data-video and underscored options should be dashed instead in data attributes. So start_time becomes data-video-start-time)
jQuery Video Lightning exposes all available basic API options for both Youtube and Vimeo. There are also a number of effect and behavior options that are available. The following is the current list of available options.