Vimeo wmode transparent

I occasionally run into the issue of needing to place something on top of a YouTube or in the case of a project I’m currently working on, Vimeo.  The embed code is an iframe and trying what I’d tried for Youtube doesn’t work ( append to the url ?wmode=transparent or if there are already parameters being passed, &wmode=transparent ).

The solution turned out to be very close, adding a parameter to the iframe tag itself wmode=”opaque” and then *important:* make the parent element as well as the element that needs to be above the video “position: relative;”

without the position: relative; the wmode won’t work so make sure you add that!

p.s. — it turns out that wmode=”opaque” is the default for vimeo so all you need to do is the position: relative; bit.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.