/;/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.
Sounds 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/E-Commerce How to's
This area is where you can see your ratings and reviews. And if you have "moderation" turned on, you can approve your reviews in this area as well. Here are some videos on this area You can get to this area by going here: YourDomain.com > Modules .../Site Specific Help/Mobile site
The regular site header is not automatically shared to the mobile site, but you can specify a header just for your mobile site. The reason the main site header isn't automatically shared is becuase in most cases it would be too large for a mobile .../Site Specific Help/Mobile site
YES! you can make a site menu complete separate from your regular site menu. And they will not interfere with each other. Here's how: FIRST Enable the ability for a separate mobile site here: YourDomain.com > Mobile Version Settings See .../Site Specific Help/Mobile site
YES! You can change each page to have a custom layout for your mobile site. Or they can have the automatic layout. Here is how to make changes: FIRST Go to the page that you want to appear different on your mobile site. Click on the "Mobile .../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 ...