[WordPress] 外掛分享: Poppable – The Easy Way to Add a Video Modal

首頁外掛目錄 › Poppable – The Easy Way to Add a Video Modal
全新外掛
安裝啟用
尚無評分
58 天前
最後更新
問題解決
WordPress 6.7+ PHP 7.4+ v1.0.0 上架:2021-01-31

內容簡介

如果你正在尋找一個高效的轉換工具,這個插件肯定可以幫你。更重要的是,這個插件非常容易使用。 Poppable Exit Popup 可以自動檢測桌面滑鼠行為和移動裝置上的滾動行為,顯示彈出窗口,提示訪問者即將離開你的網站。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Poppable – The Easy Way to Add a Video Modal」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Poppable is a lightweight Gutenberg block that lets you display YouTube videos in a sleek modal popup. Simply add the block, paste your YouTube URL, and connect it to any trigger element on your page.
Key Features:

Trigger from Any Element – Assign a trigger ID to any element (button, image, text) and clicking it opens the video modal
Multiple YouTube URL Formats – Supports youtube.com/watch?v=, youtu.be/, and youtube.com/embed/ formats
Autoplay Support – Optionally start playing the video automatically when the modal opens
Customizable Modal Width – Set the content width using px, %, vw, or any CSS unit
Multiple Close Options:

Close button (X) in the corner
Click outside to close
Press ESC key to close

Responsive Design – Videos maintain 16:9 aspect ratio on all screen sizes
Body Scroll Lock – Page scrolling is disabled when the modal is open for a focused viewing experience
Lightweight – No jQuery dependencies, built with vanilla JavaScript

Development & Source Code:
Poppable is open-source and developed publicly on GitHub.
GitHub repository: https://github.com/Engramium/poppable
How to Use

Add the Poppable block anywhere on your page (it will be hidden on the frontend).
In the block settings panel, enter your YouTube Video URL.
Set a unique Trigger ID (e.g., poppable-video-modal).
Add the same trigger ID as a CSS class to any element you want to use as the trigger (e.g., a button with class poppable-video-modal).
Configure your preferred close options and modal width.
Save and preview your page!

延伸相關外掛

文章
Filter
Apply Filters
Mastodon