Embedded YouTube + Shadowbox IE 9 issue.

Posted on 2011-10-26
Last Modified: 2012-05-12
Hello guys,

Please look at the image below.  I have an embedded YouTube Video on a page, and I have images on a page.  The vid is embedded, the images are displayed using ShadowBox script.

When clicking the image (as you can see in the below image) the embedded YouTube vid is displayed over the shadowboxed image, when it should be behind.  

This only happens in IE 9 (ugh!).  Strangely enough, one of my pages displays it correctly, with the vid behind the shadowboxed image.  But I cannot see any difference in the code, I cannot figure out why this particular page is showing it correctly - the pages are copied from a template.

Any idea's - I could show you my code - but as I said, the code is the same on all pages, yet one of the six pages shows it correctly.

If you need more information, please ask.

Question by:SpencerKarnovski
    1 Comment
    LVL 11

    Accepted Solution

    This is likely either:

    a.) an issue with wmode (depending on how you're embeding this). Search google for 'wmode' but you likely want the transparent value
    <param name="WMode" value="Transparent" />

    b.) a z-index issue

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
    How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    10 Experts available now in Live!

    Get 1:1 Help Now