爲什麼noverblaster視頻播放器一直是其它元素

Question

我一直在尋找一個免費的視頻播放器來把網站上的頂部，發現nonverblaster，但我不能把它落後於其他元素 - 屬性z-index的呢沒有與它一起工作，你知道任何解決辦法，迫使他合作？ 一段簡單的我的代碼：

<div style="position:relative;"> 
    <div id="main-video" style="position:absolute;top:0px;left:0px;z-index:10;"> 
     To watch this video, you need the latest <a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash-Player</a> and active javascript in your browser. 
    </div> 

    <img src="media/nice-flowers.jpg" alt="alt" style="position:absolute;left:0px;top:400px;z-index:100" /> 
</div> 


<script type="text/javascript"> 
    var flashvars = {}; 
     flashvars.mediaURL = "../../uploads/files/movie.mp4"; 
     flashvars.teaserURL = "uploads/files/start_frame.jpg"; 
     flashvars.allowSmoothing = "true"; 
     flashvars.autoPlay = "false"; 
     flashvars.buffer = "6"; 
     flashvars.showTimecode = "true"; 
     flashvars.loop = "false"; 
     flashvars.controlColor = "0x3fd2a3"; 
     flashvars.controlBackColor = "0x000000"; 
     flashvars.scaleIfFullScreen = "true"; 
     flashvars.showScalingButton = "true"; 
     flashvars.defaultVolume = "100"; 
     flashvars.crop = "false"; 
     flashvars.onClick = "toggleFullScreen"; 

    var params = {}; 
     params.menu = "false"; 
     params.allowFullScreen = "true"; 
     params.allowScriptAccess = "always" 

    var attributes = {}; 
     attributes.id = "nonverblaster"; 
     attributes.bgcolor = "#000000" 
    function embedSWF() 
    { 
     swfobject.embedSWF("js/video_player/video_player.swf", "main-video", "762", "429", "9", "js/video_player/expressinstall.swf", flashvars, params, attributes); 
    } 
    embedSWF(); 
</script> 

Answer 1

您需要設置wmode到opaque。

所以你的腳本中，添加一行params.wmode = "opaque";