WordPress.org

Plugin Directory

Video Popup – Youtube, Vimeo, Gutenberg, Shortcode, Elementor

Video Popup – Youtube, Vimeo, Gutenberg, Shortcode, Elementor

外掛說明

WordPress Video Lightbox Plugin

Video Popup is a lightweight plugin for creating YouTube and Vimeo lightbox popups on any WordPress site. Use the Gutenberg block, shortcode, or Elementor widget — Elementor is optional.

Built with Magnific Popup for a fast, responsive lightbox experience with a smooth fade effect.

WordPress Developer Studio

Features

  • Gutenberg block — add video popups from the block editor (Zelvigo block category)
  • Shortcode[wptd_video_popup] works on any page or post
  • Elementor widget — optional, loads only when Elementor is active
  • Trigger types — text, icon, or image
  • YouTube & Vimeo — including youtu.be short links
  • Popup width — customize max video width in pixels
  • Overlay color & opacity — theme color palette plus opacity slider (0–100%)
  • Autoplay — play video when the popup opens (enabled by default)
  • Responsive & retina ready — works on all screen sizes

Gutenberg Block Settings

  • Video URL (YouTube or Vimeo)
  • Autoplay video (on/off)
  • Trigger type: text, icon, or image
  • Popup width (px)
  • Overlay background color (theme palette)
  • Overlay opacity (%)

Shortcode Example

[wptd_video_popup url="https://www.youtube.com/watch?v=VIDEO_ID" trigger="text" text="Watch Video" width="900" bg_color="rgba(0,0,0,0.5)" autoplay="1"]

Parameters: url, trigger (text|icon|img), text, icon, img, width, bg_color, autoplay, extra_class

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Video Popup Create a video lightbox popup for YouTube or Vimeo.

安裝方式

  1. Upload the wptd-video-popup folder to /wp-content/plugins/.
  2. Activate the plugin through the Plugins menu in WordPress.
  3. Add a Video Popup block in the editor, use the shortcode, or add the Elementor widget.

常見問題集

Can I use the plugin without Elementor?

Yes. The Gutenberg block and shortcode work without Elementor. The Elementor widget is an optional enhancement when Elementor is installed.

Does it work with any theme?

Yes. It works with any WordPress theme that supports the block editor or shortcodes.

Does autoplay work on mobile?

Autoplay runs when the visitor clicks the trigger and the popup opens. Some mobile browsers may restrict autoplay with sound; the user may need to tap play inside the video player.

Can I extend the plugin?

Yes. Contact us at Zelvigo for custom features or integrations.

使用者評論

2022 年 10 月 5 日 1 則留言
Has got all the features i was looking for with great support via e-mail.
2021 年 10 月 4 日
I evaluated some lightboxes in combination with the pagebuilder elementor. I have decided on this and I am curious whether my customer is satisfied with it. Thank you for this plugin!
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Video Popup – Youtube, Vimeo, Gutenberg, Shortcode, Elementor〉的開發相關工作。

參與者

變更記錄

1.8.0

  • Added native Gutenberg block (wptd/video-popup) under the Zelvigo block category
  • Added shared renderer architecture for shortcode and block output
  • Shortcode and Gutenberg block now work without Elementor — Elementor widget remains optional
  • Removed admin notice requiring Elementor to be installed
  • Gutenberg block settings: video URL, trigger type (text/icon/image), popup width, overlay color, overlay opacity, autoplay
  • Added overlay opacity slider (0–100%) with theme color palette for overlay background
  • Added autoplay option — plays video when popup opens (enabled by default)
  • Added youtu.be short URL support for YouTube videos
  • Improved block editor preview — shows trigger only (no broken iframe preview)
  • Refactored frontend JavaScript for per-popup autoplay and embed URL handling
  • Added package.json and block source files for optional @wordpress/scripts build
  • Updated plugin description, FAQ, and compatibility (WordPress 6.0+, PHP 7.4+)

1.6.0

  • Rebranded plugin under Zelvigo
  • Updated WordPress and PHP compatibility
  • Updated documentation and support links
  • General maintenance and security improvements

1.5.1

  • Fixed $cur_class issue

1.5

  • Added allowfullscreen property for video iframe

1.4

  • Updated elementor _register_controls deprecation issue

1.3

  • Updated js code for mobile popup issue

1.2.1

  • Updated js code for dynamic loaded content

1.2

  • Removed some unwanted files and reduced styles.

1.1

  • Video Popup elementor shortcode added.
  • Video frame style updated
  • POT (translation strings) file updated.

1.0.0

  • Initial release.