Hey guyz.
Someone pls help a frustrated learner who’s scoured (aka Googled) for a solution but has hit a brick wall (i.e. am just tired now)…
I am working on my Landing Page and for the life of me I can’t seem to figure out why the video is not playing once the site becomes responsive.
Hi Karen,
i have viewed your landing page, the YT video worked fine for me, even when i viewed it in mobile viewing…page looks good through.
The reason your video does not play in mobile view is probably because some element is overlapping in front of your iframe, to fix this change the z-index of your .video-frame to 10 and it will work.
.video-frame {
z-index: 10;
}
Thank you for the compliment. And time you took to have a look.
Turns out the heading was in the way. 
Tried that out but the heading was being cut off…
Don’t even know if this is a proper way but i have reduced the height of the video-heading-img class…took a fresh look and noted how it was occupying the whole container.
Well. It works. For now.
This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.