How to achieve a lighthouse effect using Overlay, where clicks on a button ‘How it works’ on the website and it opens a window in which Youtube video plays. So the user does not exit the website and still on the website but they can exit the Youtube video by clicking on the X/exit button on the form.
I tried using the Overlay function but the video plays in both Preview and Non-preview mode so I am not confident if it will function correctly/properly when the website will be Live.
Any tips on it pls. If you tried in the past, please share a link.
Thank you very much. It did help me to solve the problem, however, the unintended behaviour of the sitejet continues to intrigue me. When I click on the x mark to close the YT video, the video still plays. This is where I am not confident that if it will work properly.
It is better to use the Overlay Preset and use the YouTube Video as background. The Preset also provides the JS you need to close the video. The animation will just hide the video when you click the ‘X’.
Now I am facing another issue. Check out my website https://www.ideadeployer.com/
There is white space on my home page after the Header section where this Overlay is hiding. But this should NOT create any white space. Ideally, it should show overlay when clicked on the ‘How it works’ button.
What is happening:
When you click on the trigger button, the overlay is visible and white space is gone. So now I can find that home page looking OK. But when you refresh the page, the problem is back.