Css 为什么noverblaster视频播放器总是在其他元素之上

Css 为什么noverblaster视频播放器总是在其他元素之上,css,video,Css,Video,我正在寻找一个免费的视频播放器放在网站上,发现了,但我不能把它放在其他元素后面-属性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 la

我正在寻找一个免费的视频播放器放在网站上,发现了,但我不能把它放在其他元素后面-属性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>

要观看此视频,您需要在浏览器中使用最新的活动javascript。
var flashvars={};
flashvars.mediaURL=“../../uploads/files/movie.mp4”;
flashvars.teasurerl=“uploads/files/start\u 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=“始终”
var属性={};
attributes.id=“nonverblaster”;
attributes.bgcolor=“#000000”
函数embeddeswf()
{
swfobject.embeddeswf(“js/video_player/video_player.swf”、“主视频”、“762”、“429”、“9”、“js/video_player/expressinstall.swf”、flashvars、参数、属性);
}
嵌入swf();

您需要将
wmode
设置为
不透明


因此,在脚本中添加一行,如
params.wmode=“不透明”

我最初说的是透明的,但我的意思是不透明的。谢谢你,我花了整整一天的时间在这个问题上:)