ARTICLE AD BOX
On https://test.slim-verwarmen.nl/, the YouTube embed works fine on desktop,
But on mobile devices, a large blank/black area appears above the video.
This happens when the YouTube iframe is loaded.
Steps to reproduce:
Open https://test.slim-verwarmen.nl/ on any mobile browser
Check the first slide of the homepage, which is a YouTube video playing.
Notice the black space on TOP of the video
Expected:
I want to remove that black part from the top. Video can be aligned to the top. I have no issues with a black screen at the bottom.
Environment:
HTML, CSS, JS website
Mobile: iPhone Safari, Android Chrome
Possible causes:
YouTube iframe script manipulating height
CSS issue with container aspect ratio
Has anyone experienced this issue? What usually causes this?
I would appreciate your help identifying the issue.
