z-index and iFrames!

by

Add wmode=transparent as param.

Html solution

<iframe title="YouTube video player" 
width="480" height="390" 
src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" 
frameborder="0"
>

jQuery solution: 

$(document).ready(function () {
    $('iframe').each(function(){
        var url = $(this).attr("src");
        $(this).attr("src",url+"?wmode=transparent");
    });
});

Source http://www.scorchsoft.com/news/youtube-z-index-embed-iframe-fix

More Related Contents:

  1. HTML embedded PDF iframe
  2. How to apply CSS to iframe?
  3. Alternative to iFrames with HTML5
  4. HTML iframe – disable scroll
  5. How to get an IFrame to be responsive in iOS Safari?
  6. overlay opaque div over youtube iframe
  7. Make Iframe to fit 100% of container’s remaining height
  8. access iframe content from a chrome’s extension content script
  9. Accessing object in iframe using VBA
  10. Why are iframes considered dangerous and a security risk?
  11. Hide horizontal scrollbar on an iframe?
  12. IFRAMEs and the Safari on the iPad, how can the user scroll the content?
  13. iframe with external page not working
  14. Use of Iframe or Object tag to embed web pages in another
  15. Specifying content of an iframe instead of the src attribute to a page
  16. Overlapping/overlaying multiple inline images
  17. How to force Iframe to run quirks under a standard parent frame
  18. Flexbox, z-index & position: static: Why isn’t it working?
  19. I have position but z index is not working
  20. How to center an iframe horizontally?
  21. Using z-index to get div above another div
  22. Getting youtube.com to load in iFrame
  23. How to create valid HTML5 using frames?
  24. IE8 embedded PDF iframe
  25. YouTube iframe embed – full screen
  26. HTML5 : Iframe No scrolling?
  27. iframe contents cant appear in Firefox
  28. Floating Div Over An Image
  29. Media queries not working inside an iframe
  30. Is there a way to get the parent URL from an Iframe’s content?

Leave a Comment