[Plugin: Responsive Video Embeds] Can z-index fix wit wmode="opaque" be incorporated?

  • Resolved Josien

    (@josien)


    12 years, 2 months 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?

    https://www.ads-software.com/extend/plugins/responsive-video-embeds/

Viewing 1 replies (of 1 total)
  • Plugin Author Kevinleary.net

    (@kevinlearynet)

    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) {
    $(this).attr({
      "src" : url + "&wmode=transparent",
      "wmode" : "Opaque"
    });
  }
  else {
    $(this).attr({
      "src" : url + "?wmode=transparent",
      "wmode" : "Opaque"
    });
  }
});
Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: Responsive Video Embeds] Can z-index fix wit wmode="opaque" be incorporated?’ is closed to new replies.