Nothing works on when full-screen is initialized on any element

Asked Aug 20 '18 at 08:12

Active Aug 20 '18 at 08:12

Viewed 22 times

I am working on a WordPress website and I have got a YouTube video where the full-screen isn't working. On the iframe allowfulscreen='true' is set and when you click on the full-screen icon it does initialize something, however the original body is visible and not the youtube video or in other words its iframe. Upon inspecting the iframe it looks like the it has covered the page though the video isn't visible.

I tried setting the z-index value and opacity values to make sure that it wasn't an issue with the CSS, however just as a test I made a random element full-screen using $0.webkitRequestFullScreen the same problem occured. Any idea what can be the possible cause?

asked Aug 20 '18 at 08:12

Deepak Kamat

1,880
4
23
38

Provide the code so far you have – Ramesh Aug 20 '18 at 08:13
It's a WordPress site, you can check the URL here - https://codifydtest.com/content-syndication-platform/ – Deepak Kamat Aug 20 '18 at 08:17
And what's your backend plugin? I suggest you to use `fancybox` when doing this kind of things in wordpress. Easy configuration – Ramesh Aug 20 '18 at 08:40
It's a problem with the browser's native fullscreen – Deepak Kamat Aug 20 '18 at 08:47

Nothing works on when full-screen is initialized on any element

0 Answers0