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

Resolved Josien
(@josien)

11 years, 7 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?

http://wordpress.org/extend/plugins/responsive-video-embeds/

Viewing 1 replies (of 1 total)

Plugin Author

(@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.

Tags