Play a YouTube Shorts Video in a Popup

Home Elementor Play a YouTube Shorts Video in a Popup

December 27, 2022

In this Elementor tutorial I will show you how to play a YouTube Shorts video in a popup when a user clicks on an image.

How to Embed YouTube Shorts Video:
https://www.youtube.com/watch?v=FFe8T93Xkh0

Timestamps:

  • 0:00 Introduction
  • 0:43 Elementor Tutorial Begins
  • 1:36 Copy YouTube Shorts URL
  • 4:35 Add Popup CSS Code
  • 7:30 CSS Hover Effect

CSS Code:

.elementor-lightbox .elementor-aspect-ratio-916 .elementor-video-container {height:849px;width:478px;}
body[data-elementor-device-mode="mobile"] .elementor-lightbox .elementor-aspect-ratio-916 .elementor-video-container {height:568px; width:320px;}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

More Free Resources