How to add popup video

This is the most searching question How to add popup video in html? then you are in right place. Let’s Start

Requirement:

Download Plugin: Download

HTML Markup

<button
class="js-modal-btn" data-video-id="7TUOI23spt0">Open
Video</button>

Now link this css in your html before end of head tag.

<link rel="stylesheet" type="text/css" href="/path/to/modal-video.min.css">

And linking this js file before end of head. Or you can also add this before end of body tag.
Always remember jQuery file should keeps at the top.

<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>

And then linking this before end of body tag.

<script src="/path/to/modal-video.js"></script>
Share it!

2 thoughts on “How to add popup video

  1. Greetings from California! I’m bored to death at work so I decided to browse your blog on my iphone during lunch break. I really like the information you provide here and can’t wait to take a look when I get home. I’m shocked at how fast your blog loaded on my phone .. I’m not even using WIFI, just 3G .. Anyways, great site!

Leave a Reply

Your email address will not be published. Required fields are marked *