Thanks for sharing! I updated the file names as requested ;-)

Best,

Chris

Opps, I can't correct the above post. FYI: The name of the js file is different in the function then I stated for the file name above. If a moderator can fix this error it would be appreciated.

Hi Chris,

I actually figured it out so here is the solution that worked for me:

I made a javascript file named: z-index-video.js and put the following code in it:

jQuery('iframe').each( function() {
    var url = jQuery(this).attr("src")
    jQuery(this).attr({
        "src" : url.replace('?rel=0', '')+"?wmode=transparent",
        "wmode" : "Opaque"
    })
});

Then I added it to the site using Enqueue scripts in the function.php

/* Enqueue Scripts */
function my_scripts_method() {
  wp_enqueue_script('z-index-video', get_stylesheet_directory_uri() .'/assets/z-index-video.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

Walla! The video stays under the fixed header :D Hope this helps someone else.

Doesn't hurt to ask ;-)

Best,

Chris

Hi Chris,

Thank you for the replay. I understand. But you know I had to try :D

Trishah

Hi there,

Unfortunately that is not a compatible browser as posted on the item page on ThemeForest: http://s27.postimg.org/pcrvksob7/browsers.png

Best,

Chris

Yes I know... Who uses AOL any longer!? Well, my client still does and he's not alone (see addendum below). In his AOL Explorer browser, his iframe YouTube videos are always on top, so when you scroll down, the #mainPanel div is suppose to cover the video. But using AOL Explorer, the #mainPanel is *behind* the video. No other browser I've tired has this issue.

I don't have AOL Browser to test this myself, and I can only find a discontinued download of the stand-alone browser from 2005, which I don't want to install on my computer... I'm hoping we can come up with a solution here.

I found the following post on Google Groups http://productforums.google.com/forum/#!topic/chrome/AlRYGJPDQDQ which says that if you add "?wmode=opaque" to the end of the YouTube iframe url it allows other things to cover the video. I tried this and it works but now *everything* covers the video, even the #topPanel. I've tried setting z-indexs on the different layers to get them to layer properly but that didn't work.

My client can use other browsers but he prefers AOL. I'd like to fix this problem without having to make him add something to YouTube embed code. But the bottom line is that I'd like to fix this one way or another.

Addendum:
Washington Post report from August 7, 2013
http://www.washingtonpost.com/blogs/the-switch/wp/2013/08/07/the-slow-death-of-dial-up-2-percent-of-us-still-use-aol/
"...according to AOL's second-quarter earnings report Wednesday, more than 2.5 million people still subscribe to the Internet company's services."