iPad Safari mobile seems to ignore z-indexing position for html5 video elements

by

The issue only occurs if the video element was dynamically created. If the element was just in the page as it loaded, z-index works fine.

You can fix z-index on dynamically created videos by giving the video element -webkit-transform-style: preserve-3d.

Yep, it’s as bad as haslayout on IE!

More Related Contents:

  1. Does iPhone/iPad Safari require ‘Accept-Ranges’ header for video?
  2. HTML5 Video tag not working in Safari , iPhone and iPad
  3. ipad safari: disable scrolling, and bounce effect?
  4. Multiple “apple-touch-startup-image” resolutions for iOS web app (esp. for iPad)?
  5. iPad Safari: How to disable the quick blinking effect when a link has been hit
  6. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  7. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  8. What is the iPad user agent?
  9. Supported orientations has no common orientation with the application, and shouldAutorotate is returning YES’
  10. iPad Safari – Make keyboard disappear
  11. How can I autoplay media in iOS >= 4.2.1 Mobile Safari?
  12. CSS submit button weird rendering on iPad/iPhone
  13. Preventing default context menu on longpress / longclick in mobile Safari (iPad / iPhone)
  14. Difference between onbeforeunload and onunload
  15. List of known “Safari on iPad” differences over “Desktop Safari”
  16. How to figure out when a HTML5 video player enters the full screen mode on iOS / iPads?
  17. Popovers cannot be presented from a view which does not have a window
  18. CSS media query to target iPad and iPad only?
  19. Debug iPad Safari with a PC
  20. AVURLAsset refuses to load video
  21. UITableView backgroundColor always gray on iPad
  22. UISplitViewController in a TabBar ( UITabBarController )?
  23. Safari iPad : prevent zoom on double-tap
  24. Handling standby on iPad using Javascript
  25. How to create custom modal segue in 4.2 Xcode using storyboard [closed]
  26. change color navigation controller in a popover
  27. How do I launch iBooks e-reader programmatically on iPad?
  28. Javascript for “Add to Home Screen” on iPhone?
  29. how to properly display an iFrame in mobile safari
  30. iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

Leave a Comment