overlay opaque div over youtube iframe

by

Information from the Official Adobe site about this issue

The issue is when you embed a youtube link:

https://www.youtube.com/embed/kRvL6K8SEgY

in an iFrame, the default wmode is windowed which essentially gives it a z-index greater then everything else and it will overlay over anything.

Try appending this GET parameter to your URL:

wmode=opaque

like so:

https://www.youtube.com/embed/kRvL6K8SEgY?wmode=opaque

Make sure its the first parameter in the URL. Other parameters must go after

In the iframe tag:

Example:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

More Related Contents:

  1. How to overlay one div over another div
  2. Change color of PNG image via CSS?
  3. How to apply CSS to iframe?
  4. HTML iframe – disable scroll
  5. How to get an IFrame to be responsive in iOS Safari?
  6. Make Iframe to fit 100% of container’s remaining height
  7. Youtube autoplay not working on mobile devices with embedded HTML5 player
  8. Remove border from IFrame
  9. How to center an iframe horizontally?
  10. Getting youtube.com to load in iFrame
  11. Remove scrollbar from iframe
  12. Media queries not working inside an iframe
  13. Two column width 50% css [closed]
  14. vertical-align with Bootstrap 3
  15. How to align content of a div to the bottom
  16. CSS Pseudo-classes with inline styles
  17. Are the decimal places in a CSS width respected?
  18. How to apply a style to an embedded SVG?
  19. How to allow http content within an iframe on a https site [duplicate]
  20. How to keep footer at bottom of screen [duplicate]
  21. Is there a way to get a web page header/footer printed on every page?
  22. How to prevent text from overflowing in CSS?
  23. How to darken a background using CSS?
  24. How to keep :active css style after click a button
  25. How to make CSS Grid items take up remaining space?
  26. CSS attribute selector does not work a href
  27. Make a perfect circle around a div of variable height
  28. Floating Div Over An Image
  29. How to remove the space between list items [duplicate]
  30. How to create a heart shape using CSS?

Leave a Comment