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>
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!