@meghna Thank You for this component! Works as expected on desktop, but video (YouTube channel) does not appear on mobile (Chrome, Edge browsers) on iPhone XR (at least). Any thoughts how to fix this? Thank You! P.S. On screenshot blank space above log in button should belong to video… [IMG_2966.PNG]

@tobiaseigen sure! HTML inside component in my case (pay attention to “EMBED” in YouTube Link): Exclusively join the StarCohort, walking UA`s EuroTiger Path, in global 🌍 sync. Scale next. CSS (paste inside Component), in my case: .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 30px; /* Some padding at the top to avoid content overlay */ height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } Hope this will help someone)

How to display a video on the trendy login modal?

Product Support

ValGun (Valentyn Gunchenko) July 11, 2023, 1:03pm 2

Solved by embedding video from YouTube by changing HTML a bit.
Adding CSS helped to have video on mobile.

Topic		Replies	Views
Media Overlay component Theme component	40	7830	January 12, 2024
Playing video in homepage Product Support	3	566	September 22, 2020
Trendy Login Theme component official , trendy-login	15	7691	August 21, 2026
Youtube video not showing in banner Feature	4	1386	May 3, 2016
Restrictions on login_required.welcome_message Product Support	6	1968	October 3, 2018

How to display a video on the trendy login modal?

Related topics