How To use modal video in your website

Hey, Are you looking  a nice popup video modal for your website,  you try this

Step-1: CSS Link

<!-- Modal Video CSS -->

<link rel="stylesheet" href="assets/css/modal-video.min.css">

 

Step-2: Html Code

    
<button class="js-modal-btn" data-video-id="202177974"> Video Play </button>

data-video-id=” ”  here use the video id

Step-3: JS Link

<!-- Modal Video JS -->
<script src="assets/js/jquery-modal-video.min.js"></script>

Step-4: Custom Js

// Modal Video JS
 $('.js-modal-btn').modalVideo();

Thanks ! If you have any queries, please let me know in the comments section.

 

 

Leave a Reply

Your email address will not be published.