FAIR

Federated and Independent Repositories

Smartupworld Video Modal

Plugin Banner

Smartupworld Video Modal

by Smartupworld Websolutions

Download
Description

Smartupworld Video Modal provides a simple shortcode to open videos in a lightweight, responsive modal window. No jQuery dependency. Works with self-hosted MP4 files and YouTube embeds.

Usage examples:

  • Self-hosted MP4 video:
    [smartupworld_video_modal url=”https://example.com/video.mp4″ button=”Watch Video” type=”video”]

  • YouTube video:
    [smartupworld_video_modal url=”https://www.youtube.com/embed/VIDEOID” button=”Watch on YouTube” type=”youtube”]

Features:

  • Lightweight — no jQuery dependency
  • Fully responsive video container
  • Autoplay when modal opens
  • Close via button, backdrop click, or Escape key
  • Accessible (ARIA roles, keyboard navigation)
  • Multiple modals supported on the same page
  • Works with self-hosted MP4 and YouTube embeds
  • Dev mode to disable asset caching during development
  1. Upload the plugin folder to /wp-content/plugins/smartupworld-video-modal/.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Use the shortcode [smartupworld_video_modal url="video.mp4" button="Watch Video" type="video"] in posts, pages, or widgets.
Can I use YouTube links?

Yes. Add type="youtube" and use the YouTube embed URL (e.g. https://www.youtube.com/embed/VIDEOID).

Can I use multiple modals on one page?

Yes. Each shortcode generates a unique modal independently.

Can I change the button text?

Yes. Use the button attribute: button="Play Now".

Does this plugin require jQuery?

No. Version 1.4 removed the jQuery dependency — it uses plain JavaScript.

How do I close the modal?

Click the × button, click outside the video, or press the Escape key.

1.4

  • Removed jQuery dependency — now uses vanilla JavaScript
  • Added Escape key support to close modal
  • Added backdrop click to close modal
  • Added ARIA accessibility attributes (role, aria-modal, aria-label)
  • Added playsinline attribute for mobile video
  • Fixed broken CSS transition on .btn class
  • Improved close button styling and hover state
  • Added Requires PHP header
  • Added Text Domain to plugin header
  • Updated stable tag to 1.4

1.3

  • Added settings page with dev mode toggle
  • Added multiple modal support per page
  • Added custom class and href attributes to shortcode

1.2

  • Added YouTube support via type=”youtube” attribute
  • Improved modal open/close handling

1.1

  • Renamed plugin to Smartupworld Video Modal
  • Separated CSS and JS into separate asset files
  • Added shortcode attributes for video URL and button text

1.0

  • Initial release
Back to top