Video pops up on mobile hiding the webpage behind

JavaScript
1

I am trying to figure out why this web page with a custom video code pops up on mobile hiding the entire webpage behind it.

https://anjanesh.opalstacked.com/DFYBP.html

2

Try adding the playsinline attribute to stop the full screen mode in ios.

<video playsinline id="PP_DFYBP" src="https://planpros.s3.amazonaws.com/videos/test-video.mp4" autoplay="autoplay" controls="controls"></video>

1 Like
3

The video on the webpage might be set to automatically display that’s why. You could review the code for settings like autoplay or incorrect dimensions that don’t adapt to mobile screens…

4

The actual code is a WordPress site where theres lots of CSS for responsiveness as well - but the issue we were facing was for that particular video popup on iOS devices only.

5

Thank you so much for the solution, it helped me.

1 Like