/;/Site Specific Help

/;/Site Specific Help

How to fix a YouTube iFrame Video Displaying Over a Site Menu

The iFrame is basically an element on your page and so is your rollover menu. There is what�s called a �z-index� that helps the browsers understand which elements to display in which order (front-to-back or back-to-front basically). If your menu is popping up behind the YouTube iFrame video, then most likely the z-index of your menu is lower than what YouTube is assigning their video player.

YouTube iFrame EmbedSounds pretty technical & perhaps it is, but there�s an easier solution for most of you. YouTube actually provides a parameter that you can add to the embedded iFrame URL to enable transparency (e.g. put it behind your dynamic menu).

If you can copy & paste some simple code and add it within the YouTube iFrame code itself, then you should have your problem solved in no time.

How to Fix the Embedded YouTube iFrame z-index Problem(AKA Site menu doesn't display properly)

Here�s the parameter you should add to the YouTube URL in the iFrame embed code:

?wmode=transparent

Example iFrame code:
<iframe title=�YouTube video player� width=�525? height=�325? src=�http://www.youtube.com/embed/ucowE8dtNqM� frameborder=�0? allowfullscreen></iframe>

Code With Fix Applied:
<iframe title=�YouTube video player� width=�525? height=�325? src=�http://www.youtube.com/embed/ucowE8dtNqM?wmode=transparent� frameborder=�0? allowfullscreen></iframe>

    • Related Articles

    • /Site Specific Help;/Site Specific Help/Mobile site

      All of these things are edited or enabled in the "Mobile Version Settings" area. YourDomain.com > Mobile Version Settings   Here we will go over: Adding the mobile Header and Footer Removing the "Site Menu" Enabling the Custom mobile version menu and ...
    • /Site Specific Help;/Site Specific Help/Page How To's

      Yes, you can add age verification.  First create a new page (that will be the age verification pop up) Add page (add any verbiage you wish to display on that page.  Then you will need to add the verify buttons... Next, change the frame type to use ...
    • /Dashboard;/Site Specific Help;/Site Specific Help/Page How To's;/SEO Basics

      You can do this by creating a Page alias.  If you go here: YourDomain.com > Page Aliases then you can create page aliases.  For a quick video on how this area works please go here.   Having the URL show a name would look like this: ...
    • /Site Specific Help;/Site Specific Help/Page How To's

      A ToolTip is what you see when you mouse over text or images that have been linked with a tooltip.  More info is placed in the pop up to explain the word(s) or Image(s) in greater detail.   To create a ToolTip, you first would select the text or ...
    • /Site Specific Help;/Site Specific Help/Page How To's

      You can access your FTP from a browser or an FTP program.  Here's how:   To access your FTP from a browser you can go to ftp://ftp.websiteforge.com/ And then login with your username.  (which looks like this: YourUsername.websiteforge.com) ...