Responsive Video Embeds
[resolved] Can z-index fix wit wmode="opaque" be incorporated? (2 posts)

  1. Josien
    Posted 3 years ago #

    Hi Kevin,

    I really like this plugin because it also resizes videos in my mobile browser. Before I installed this plugin I pasted in the iframe code of youtube videos and appended the link with ?wmode="transparent" and added wmode="opaque". This is done because the youtube videos otherwise ignore the z-index in ie and firefox.

    Would it be possible to change some code in your plugin so that it takes care of this?


  2. Kevin Leary
    Plugin Author

    Posted 2 years ago #

    Thanks for the feedback Josien,

    I'll add this good suggestion to my dev backlog. In the interim, here's a bit of JS that you can load on document.ready to patch the problem until the next release:

    $('iframe[src*="youtube.com"]').each(function() {
      var url = $(this).attr("src");
      if ($(this).attr("src").indexOf("?") > 0) {
          "src" : url + "&wmode=transparent",
          "wmode" : "Opaque"
      else {
          "src" : url + "?wmode=transparent",
          "wmode" : "Opaque"

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Responsive Video Embeds
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic