Search code examples
internet-explorerfirefoxiframeyoutube-apisquarespace

Firefox and IE on Win7 not respecting Z-Index on YouTube iFrame


Working on a simple squarespace website, normally adding a background video is straight forwards however the youtube video I've been instructed to use on this website no matter what I change on the parameters for the video or using z-index on the site display the content on top of the video in IE and FireFox yet Chrome works no problem. Link to site below...

https://kieran-miles-njfu.squarespace.com/

Help!

P.S. You will need to enter as a visitor.


Solution

  • Youtube videos are Flash. Flash has seniority over the Z-order so it is "always" going to overlay.

    I had the same issue once and solved it by using wmode attribute. Try adding ?wmode=opaque to the URL or &wmode=opaque if there already is a parameter.