الوصف
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