i'm developing an application based on vlcobject and framework jquery... i try to explain my situation and what is the problem i've encountered...
i have my video, based on vlcobject player, in a <div>; in the header of this div i've a button. when i click this button, it has to show another div (similar to a context menu...)
The problem is the following: when new div appears, engaged from the onClick event, it doesn't overlap the player! I would new div over the player.....
I used this snippet:
Code: Select all
function test(){
$("#div1").append("<div id=\"menu\"></div>");
$("#menu").css({
'background' :'black',
'filter' :'alpha(opacity=70)',
'-moz-opacity' :'0.70',
'-khtml-opacity':'0.70',
'opacity' :'0.70',
'position' :'absolute',
})
.animate({
'height': '200px',
'width': '500px'
});
}
</script>
<div id="div1">
<a href="#" onclick="test()">click me</a>
</div>
<div id="vlccontent">
This text is replaced by the VLC player.
</div>
<script type="text/javascript">
var myvlc = new VLCObject("mymovie", "400", "200", "0.8.6");
myvlc.write("vlccontent");
</script>
I used z-index, but I know the problem doesn't resolve...
i tried to use wmode='transparent' like for flash video but i think this parameter is not used in vlcObject...
Does anyone know a trick or a procedure to resolve this problem??
