StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro – Embedded Youtube Video Scrolls in Front of Top Banner (IE)

This topic is: resolved

Tagged: ,

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • April 15, 2014 at 2:46 pm #100576
    cstreet
    Member

    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?

    April 15, 2014 at 3:13 pm #100578
    Anita
    Keymaster

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

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 3:15 pm #100579
    cstreet
    Member

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

    April 15, 2014 at 3:38 pm #100580
    Anita
    Keymaster

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

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 3:45 pm #100581
    cstreet
    Member

    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>

    April 15, 2014 at 3:47 pm #100582
    Anita
    Keymaster

    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>

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 3:51 pm #100583
    cstreet
    Member

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

    Still happening after moving the code around.

    April 15, 2014 at 3:53 pm #100584
    Anita
    Keymaster

    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.

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 3:59 pm #100585
    cstreet
    Member

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

    April 15, 2014 at 4:08 pm #100586
    Anita
    Keymaster

    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?

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 4:18 pm #100590
    cstreet
    Member

    This is what I am getting in IE 9

    April 15, 2014 at 4:20 pm #100591
    cstreet
    Member

    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.

    April 15, 2014 at 4:24 pm #100593
    Anita
    Keymaster

    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.

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 4:30 pm #100597
    cstreet
    Member

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

    April 15, 2014 at 4:32 pm #100598
    Anita
    Keymaster

    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.

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 4:40 pm #100599
    cstreet
    Member

    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.

    April 15, 2014 at 4:41 pm #100600
    Anita
    Keymaster

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

    Love coffee, chocolate and my Bella!

    April 15, 2014 at 4:42 pm #100601
    cstreet
    Member

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

    April 15, 2014 at 4:43 pm #100602
    Anita
    Keymaster

    LOL!

    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.