Title: Poppable – The Easy Way to Add a Video Modal
Author: Engramium
Published: <strong>2021년 2월 1일</strong>
Last modified: 2026년 1월 19일

---

플러그인 검색

![](https://s.w.org/plugins/geopattern-icon/poppable.svg)

# Poppable – The Easy Way to Add a Video Modal

 작성자: [Engramium](https://profiles.wordpress.org/engramium/)

[다운로드](https://downloads.wordpress.org/plugin/poppable.1.0.0.zip)

 * [세부사항](https://ko.wordpress.org/plugins/poppable/#description)
 * [평가](https://ko.wordpress.org/plugins/poppable/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/poppable/#installation)
 * [개발](https://ko.wordpress.org/plugins/poppable/#developers)

 [지원](https://wordpress.org/support/plugin/poppable/)

## 설명

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

 1. Add the **Poppable** block anywhere on your page (it will be hidden on the frontend).
 2. In the block settings panel, enter your **YouTube Video URL**.
 3. Set a unique **Trigger ID** (e.g., `poppable-video-modal`).
 4. 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`).
 5. Configure your preferred close options and modal width.
 6. Save and preview your page!

## 블록

이 플러그인은 1개의 블록을 제공합니다.

 *   Poppable Display YouTube videos in a poppable modal.

## 설치

 1. Upload the plugin files to the `/wp-content/plugins/poppable` directory, or install
    the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. In the block editor, search for “Poppable” and add the block to your page.

## FAQ

### How do I trigger the modal?

Add the trigger ID you set in the block settings as a CSS class to any element. 
For example, if your trigger ID is `my-video-trigger`, add the class `my-video-trigger`
to a button or image.

### Can I have multiple video modals on one page?

Yes! Add multiple Poppable blocks with different trigger IDs, then assign each trigger
ID to different elements on your page.

### What YouTube URL formats are supported?

Poppable supports all common YouTube URL formats:
 * `https://www.youtube.com/watch?
v=VIDEO_ID` * `https://youtu.be/VIDEO_ID` * `https://www.youtube.com/embed/VIDEO_ID`

### Does the video stop when I close the modal?

Yes, the video automatically stops and resets when the modal is closed.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Poppable – The Easy Way to Add a Video Modal”(은)는 오픈 소스 소프트웨어입니다.
다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ Engramium ](https://profiles.wordpress.org/engramium/)

[자국어로 “Poppable – The Easy Way to Add a Video Modal”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/poppable)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/poppable/)는, [SVN 저장소](https://plugins.svn.wordpress.org/poppable/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/poppable/)을
[RSS](https://plugins.trac.wordpress.org/log/poppable/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 1.0.0

 * Converted to YouTube Video Popup Block

#### 0.1

 * Initial public release

## 기초

 *  버전 **1.0.0**
 *  최근 업데이트: **5개월 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 6.7 또는 그 이상 **
 *  다음까지 시험됨: **6.9.4**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/poppable/)
 * 태그:
 * [lightbox](https://ko.wordpress.org/plugins/tags/lightbox/)[play button](https://ko.wordpress.org/plugins/tags/play-button/)
   [popup](https://ko.wordpress.org/plugins/tags/popup/)[video block](https://ko.wordpress.org/plugins/tags/video-block/)
 *  [고급 보기](https://ko.wordpress.org/plugins/poppable/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/poppable/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/poppable/reviews/)

## 기여자

 *   [ Engramium ](https://profiles.wordpress.org/engramium/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/poppable/)