Parallax Pro – Embedded Youtube Video Scrolls in Front of Top Banner (IE)

[cstreet]

I am using the Parallax Pro theme, and have a youtube video embedded in Home Section 3 (widget module). Everything works fine in Firefox and Chrome, but of course, our good friend Internet Explorer decides to scroll the embedded video over the top of the top banner.

I am testing this with IE 9. I have had multiple people say they see the same thing with IE.

Any ideas on how to fix this?

[AnitaC]

Please provide a link to your site so we can take a look.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

beta site: http://crossfitwarpath.cstreetmedia.com

[AnitaC]

Open up your video code - at the end of the URL - add this, ?wmode=transparent, save it and let's look again.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

Thank you for the quick response.

It is still happening on my end. Here is the full embed code with the addition you mentioned:

<iframe width="640" height="360" src="//www.youtube.com/embed/WMUXw8J2Kto?feature=player_detailpage?wmode=transparent" frameborder="0" allowfullscreen></iframe>

[AnitaC]

It's not doing it on mine. Are you PC or Mac? Try my code. I moved the position.

<iframe width="640" height="360" src="//www.youtube.com/embed/WMUXw8J2Kto?wmode=transparent?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

PC. It only happens in Internet Explorer. I am testing in IE 9 right now.

Still happening after moving the code around.

[AnitaC]

I am using IE 10 and it was perfect before I gave you the code. What version of IE are you using? Clear your cache.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

IE 9 - Tried both ways after clearing cache each time. No dice.

[AnitaC]

That's really strange. This is what I see. It's UNDER the navigation - not over it. Can you do a screenshot on your end?

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

This is what I am getting in IE 9

[cstreet]

And this is the current code to match that last screenshot:

<iframe width="640" height="360" src="//www.youtube.com/embed/WMUXw8J2Kto?feature=player_embedded?wmode=transparent" frameborder="0" allowfullscreen></iframe>

For what its worth, it does the same thing in IE 8, but I am not concerned about that. Just 9 and above.

[AnitaC]

I see a tidbit on the Google search that the code stops working when you have the player code. But try this code:

<iframe width="640" height="360" src="//www.youtube.com/embed/WMUXw8J2Kto?feature=player_embedded" frameborder="0" wmode="Opaque" allowfullscreen></iframe>

Repositioned the code and changed transparent to opaque.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

Hmm... looks to be attempting to insert the homepage into the iframe

[AnitaC]

Whoa! Okay then let's do this - grab the OLD embed code and add the &mode-transparent to that - then apply it to the site. Let's see if it does it with the old code.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

Got it!

I grabbed the example from here and subbed in the correct info for this video. I think we were looking at the same StackOverflow page.

You Rock!

<iframe title="YouTube video player" width="640" height="360" src="http://www.youtube.com/embed/WMUXw8J2Kto?wmode=transparent" frameborder="0" wmode="Opaque">

BTW - I have a client that may want some advanced work done on an AgentPress theme. I will definitely let you know if I am looking for some advanced services! Thanks again.

[AnitaC]

Great! So glad you got it working and yes, let me know.

---

Need help with customization or troubleshooting? Reach out to me.

[cstreet]

Forgot the closing </iframe> tag... Thought I was back to square one for a moment. Crisis averted.

[AnitaC]

LOL!

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts