image description

Youtube Lightbox Popup

How to create YouTube, Vimeo, Wistia or other iFrame Video Lightbox Popup with Newsletter Popup Plugin

This tutorial will guide you how to play YouTube, Vimeo, Wistia or other iFrame video with Newsletter Popup.

Step 1: Goto the YouTube video page, click Share -> Embed under the video, copy the src value from the provided iframe code.

youtube


Step 2: In Newsletter Popup, create a Lightbox popup, then click button Switch Template, and select the template YouTube, Vimeo or iFrame Video Popup.


Step 3: Goto Content tab, enter the YouTube iFrame src value to the Video iFrame URL box. You can also select the option to auto play and auto close the popup when the video ends.

vimeopopup


Step 4: You can add parameters to the YouTube iFrame URL to hide the title or hide related videos after the video ends etc. For example:

Hide title information: https://www.youtube.com/embed/c9-gOVGjHvQ?showinfo=0
Do not show related videos after the video ends: https://www.youtube.com/embed/c9-gOVGjHvQ?rel=0

You can also add both URL parameters, for example: https://www.youtube.com/embed/c9-gOVGjHvQ?showinfo=0&rel=0

For all supported parameters, view the official document: https://developers.google.com/youtube/player_parameters#Parameters.


Vimeo Popup

Step 1: Goto the Vimeo video page, click the Share button on top of the video, then copy the src value from the provided iframe code.

videoframe


Step 2: In Newsletter Popup, create a Lightbox popup, then click button Switch Template, and select the template YouTube, Vimeo or iFrame Video Popup.


Step 3: Goto Content tab, enter the YouTube iFrame src value to the Video iFrame URL box. You can also select the option to auto play and auto close the popup when the video ends.

vimeo-popup


Step 4: To hide the title on top of the video, you can use https://player.vimeo.com/video/1084537?title=0

For all supported parameters, view the official document: https://developer.vimeo.com/player/embedding.


Wistia or other iFrame Video Popup

Step 1:In Newsletter Popup, create a Lightbox popup, then click button Switch Template, and select the template YouTube, Vimeo or iFrame Video Popup.


Step 2: Goto Content tab, enter your Wistia iFrame URL to the Video iFrame URL box.

wistia-lightbox

For Wistia, you can view the official document for how to get your video iframe URL: http://wistia.com/doc/embedding#iframe_embed