Home/ Questions/Q 8185641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T01:55:17+00:00

I just noticed strange iPad3 (iOS 5.1) issue that I understand but I don’t

  • 0

I just noticed strange iPad3 (iOS 5.1) issue that I understand but I don’t know how to fix.

Short version: IPad’s player covers all my divs. How can I make it display below them?

Long version: I’ve got vimeo video embedded on website. On top of that vimeo video I’ve got two containers that cover 25% of the left side of Vimeo video and 25% of the right side.

When user clicks on left container he goes to previous video, if users clicks right container he goes to right video. Those are big 25% wide arrows and the middle part of Vimeo video can be clicked for “PLAY” functionality (50% of width in the middle is not covered so he can click).

It works very good!

BUT… when I play that video on iPad 3 it becomes MP4 player or something and COVERS both containers (they are not clickable – video takes full 100% width and covers my arrows). How can I lower z-index of iPad3 MP4 player? Or do something else to have my arrows still on top of it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I read somewhere that setting a css transform with no real effects can “hack” this into fixing the z-index bugs, so why not try (I dont have an ipad to try this on with me today):

    -wekbit-transform: translate(0, 0);

    in the CSS for the video.

    sorry if its no good, if i can find the original source ill post it

    • 0