Описание
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
Установка
- 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.
Часто задаваемые вопросы
-
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.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«Smartupworld Video Modal» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
Перевести «Smartupworld Video Modal» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
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