1. We have moved from vBulletin to XenForo and you are viewing the site in the middle of the move. Though the functional aspect of everything is working fine, we are still working on other changes including the new design on Xenforo.
    Dismiss Notice

z-index Problem With Embed Code From YouTube

Discussion in 'Web Design, HTML And CSS Forums' started by coderzone, Sep 14, 2010.

  1. coderzone

    coderzone Super Moderator

    I am trying to embed a video from YouTube but I have some layers which just does not get above the YouTube Player or in other words I could not make the YouTube video go behind.

    I have tried almost everything like setting z-index of my layers higher than YouTube Videos and vice versa but I see that it has no effect on the final layout.

    Any idea how to get html layer to appear above the player?
     
  2. shabbir

    shabbir Administrator Staff Member

    Yes also had this same issue and found a solution to it.

    You have to add the following to your object code

    HTML:
    <param name="wmode" value="opaque" />
    And following to your embed code

    HTML:
    wmode="opaque" 
    And it should work fine on all browsers as expected.
     
  3. ManzZup

    ManzZup New Member

    try putting in a customized div rather than putting tthings on directly to embbed thing
    <div style:"z-index:10">
    you codingggg
    </div>
     
  4. shabbir

    shabbir Administrator Staff Member

    Code:
    <div style:"z-index:10">
    Should be
    Code:
    <div style="z-index:10">
     
  5. Max2010

    Max2010 New Member

    try also with:

    <param name="wmode" value="transparent" />
     
  6. pein87

    pein87 New Member

    Flash will always have the highest z-index on the page so you cannot set an html element to be over a flash object(swf). Its one of the reasons why they praise html 5's video tag because its not the case in html 5.
     

Share This Page