Open a YouTube video in a popup in WordPress

Clicking the button opens a YouTube video in a popup over a darkened page, and it starts playing. Escape, the close button or a click outside closes it.

Get Grinner free

See it live

Type

An upgrade to the Button block

Find it

Button settings, YouTube URL

Phones

Works with autoplay, Shorts fit the screen height

Speed

Its code arrives only on pages with a video button

Live demo

Press play, stay on the page.

This is the real Video popup button setting, running on this page.

Watch the film

Watch in a small window

Settings YouTube URL launch film Popup size Large and Small

What you can change

The settings worth knowing.

The link, its shape and how big the popup gets.

Jump to 1m 20s

YouTube URL

Any YouTube link

A youtube.com, youtu.be or Shorts link. A start time in the link is kept.

Watch it upright

Aspect

Landscape or portrait

Auto makes Shorts portrait and others landscape, or force either.

Small

Medium

Large

Popup size

Small to large

Small, Medium or Large, scaled to the screen.

Play the film

Position

A play icon

Pair it with a leading play icon so people know what’s coming.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Choose a button

Use an existing Button, or add one where the video belongs.

3

Paste the link

Add the YouTube URL, choose the aspect and popup size, then publish.

Good to know

Fair questions.

It is a Grinner upgrade to the Button block. Clicking the button opens a YouTube video in a popup over a darkened page, and it starts playing. Use it to offer a video without sending people away from the page.

No, YouTube only.

No. It sits above the sticky header and the sticky CTA bar, and locks page scrolling.

Not yet. Its label is fixed English text.

The popup opens without its fade and grow.