Simple Responisve Lightbox

Single step to implement. See details for more.

Add lightbox wrapper code ( kept in footer ), related css and JS file to your project or add it using javascript (depends on the project).

To implement the lightbox anywhere in the site, apply 'open-lightbox-modal' class to the anchor link with any youtube/vimeo or any streaming server link in href.

NOTE: Some browsers like safari dont support the mp4 format for streaming videos in lightbox with iframe. In case your project somehow dont have a link from proper streaming servers like youtube and Vimeo then you can use a HTML5 video tag instead of iframe with some minor css changes if required and that will work (tested well).

DEMO

Dummy text