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
Installation
- Upload the plugin folder to
/wp-content/plugins/smartupworld-video-modal/. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Use the shortcode
[smartupworld_video_modal url="video.mp4" button="Watch Video" type="video"]in posts, pages, or widgets.
FAQ
-
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.
-
Yes. Use the
buttonattribute: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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Smartupworld Video Modal” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Smartupworld Video Modal” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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