cant display text/image over VLC object in firefox
Posted: 21 Jun 2007 14:54
Hi,
I am using Firefox and I want to show some text on an embeded VLC object, but the text in the div is going behind the VLC object.
Could anyone help me with this..
Code Im a using is ::
-----------------------------------------------------------------------
<html>
<head><title>Test Page</title></head>
<body>
<script language="javascript" type="text/javascript">
</script>
<!-- style="position:relative" style="z-index:'1' "-->
<div id=formdiv1 name=formdiv1 style="position:absolute; width:630px; left: 210px; top:174px; overflow:visible; visibility:visible; z-index:'2'; ">
<embed type="application/x-vlc-plugin"
name="video1"
autoplay="no"
ALIGN="right"
loop="yes" width="100%" height="100%"
target="rtsp://10.10.1.7/finalfantasy.ts" />
<br />
<a href="javascript:;" onclick='document.video1.play()'>Play video1</a>
</div>
<div id="mapInfo" style="position:absolute; width:630px; left: 0px; top:174px; overflow:visible; visibility:visible; z-index:'3'; ">
<!--div id="testDIV1" style="position:absolute; filter:alpha(opacity=70); width:360px; height:30px; z-index:15; left: 0px; top: 0px; background-color=#3399FF; overflow:hidden; visibility:visible; "-->
<table width="100%" border="1", cell spacing="0">
<tr><td align="center" style="color:red ; font-size:20px;font-weight=bold ">
This must be shown over VLC object </td></tr>
</table>
</div>
</body>
</html>
I am using Firefox and I want to show some text on an embeded VLC object, but the text in the div is going behind the VLC object.
Could anyone help me with this..
Code Im a using is ::
-----------------------------------------------------------------------
<html>
<head><title>Test Page</title></head>
<body>
<script language="javascript" type="text/javascript">
</script>
<!-- style="position:relative" style="z-index:'1' "-->
<div id=formdiv1 name=formdiv1 style="position:absolute; width:630px; left: 210px; top:174px; overflow:visible; visibility:visible; z-index:'2'; ">
<embed type="application/x-vlc-plugin"
name="video1"
autoplay="no"
ALIGN="right"
loop="yes" width="100%" height="100%"
target="rtsp://10.10.1.7/finalfantasy.ts" />
<br />
<a href="javascript:;" onclick='document.video1.play()'>Play video1</a>
</div>
<div id="mapInfo" style="position:absolute; width:630px; left: 0px; top:174px; overflow:visible; visibility:visible; z-index:'3'; ">
<!--div id="testDIV1" style="position:absolute; filter:alpha(opacity=70); width:360px; height:30px; z-index:15; left: 0px; top: 0px; background-color=#3399FF; overflow:hidden; visibility:visible; "-->
<table width="100%" border="1", cell spacing="0">
<tr><td align="center" style="color:red ; font-size:20px;font-weight=bold ">
This must be shown over VLC object </td></tr>
</table>
</div>
</body>
</html>