Hello Masters:
I need a help to custamize the embed windows media player...Actualy i am makeing a web site for online tv streaming....Now i have done half of the custamized embed mediaplayer....but i am haveing probs in the control section...Well let me explain
Actualy i embed the player in to the table particulaly inside <tr> tag...here we can see only the screen ..no controls any thing....so next i put play button image and set the event onclick="video.play()" and stop also...its working properly...but the prob is if i want to add extra button like mute ,volume up and down and mute ...is not working ...so i need help pls...the main thing is i dont want to change embed script ,but i want have extra cuctom control ...so plssssssssssssss help me out..thanks alot..
here is the html code of my test site:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Page</title>
<meta name="generator" content="X Web Builder >
<style type="text/css">
div#container
{
width: 1055px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</style>
<style type="text/css">
a:hover
{
color: #0000FF;
}
a.style1:link
{
color: #E6E6E6;
text-decoration: none;
}
a.style1:visited
{
color: #E6E6E6;
text-decoration: none;
}
a.style1:active
{
color: #E6E6E6;
text-decoration: none;
}
a.style1:hover
{
color: #244B72;
background: #E6E6E6;
text-decoration: none;
}
</style>
</head>
<body background="images/back1.gif" bgcolor="#E6E6E6" text="#000000" style="scrollbar-face-color:#D4D0C8;scrollbar-arrow-color:#000000;scrollbar-3dlight-color:#D4D0C8;scrollbar-darkshadow-color:#404040;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#808080;scrollbar-track-color:#D4D0C8;">
<SCRIPT LANGUAGE="JavaScript">
var bWin32IE;
if ((navigator.userAgent.indexOf("IE")
> -1) && (navigator.platform == "Win32")) {
bWin32IE = true;
} else {
bWin32IE = false;
}
</SCRIPT>
<div id="container">
<div id="wb_Text2" style="position:absolute;left:0px;top:774px;width:800px;height:14px;z-index:0" align="center">
<FONT style="font-size:11px" color="#FFFFFF" face="Arial">Copyright © 2006 by "Your Name" • All Rights reserved • E-Mail: yourname@yourdomain.com</FONT></div>
<div id="wb_Text6" style="position:absolute;left:218px;top:47px;width:373px;height:23px;z-index:1" align="left">
<FONT style="font-size:19px" color="#DFDEEE" face="Tahoma"><B>Your Name Or Your Slogan Here ...</B></FONT></div>
<div id="wb_Table1" style="position:absolute;left:165px;top:59px;width:490px;height:250px;z-index:2" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table1">
<tr>
<td align="left" valign="top" width="490" height="250"><embed type="application/x-mplayer2" pluginspage ="http://www.microsoft.com/Windows/MediaPlayer/" src="sample.asx" width=490 height=250 stretchToFit=true name="MediaPlayer1" showcontrols="0" showstatusbar="1" autostart=true id="video"> </embed><font style="font-size:13px" color="#000000" face="Arial"><br>
</font></td>
</tr>
</table></div>
<div id="wb_Table2" style="position:absolute;left:180px;top:19px;width:452px;height:40px;background-image:url(images/ttm.jpg);z-index:3" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table2">
<tr>
<td align="left" valign="top" width="450" height="26"> </td>
</tr>
</table></div>
<div id="wb_Table4" style="position:absolute;left:630px;top:19px;width:40px;height:40px;background-image:url(images/ttr.jpg);z-index:4" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table4">
<tr>
<td align="left" valign="top" width="40" height="26"> </td>
</tr>
</table></div>
<div id="wb_Table6" style="position:absolute;left:180px;top:306px;width:452px;height:40px;background-image:url(images/tbm.jpg);z-index:5" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table6">
<tr>
<td align="left" valign="top" width="452" height="40"> </td>
</tr>
</table></div>
<div id="wb_Table7" style="position:absolute;left:630px;top:306px;width:40px;height:40px;background-image:url(images/tbr.jpg);z-index:6" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table7">
<tr>
<td align="left" valign="top" width="38" height="40"> </td>
</tr>
</table></div>
<div id="wb_Table8" style="position:absolute;left:150px;top:306px;width:40px;height:40px;background-image:url(images/tbl.jpg);z-index:7" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table8">
<tr>
<td align="left" valign="top" width="40" height="40"> </td>
</tr>
</table></div>
<div id="wb_Table10" style="position:absolute;left:150px;top:19px;width:40px;height:40px;background-image:url(images/ttl.jpg);z-index:8" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table10">
<tr>
<td align="left" valign="top" width="38" height="30"> </td>
</tr>
</table></div>
<div id="wb_Table11" style="position:absolute;left:150px;top:58px;width:16px;height:250px;background-image:url(images/tl.jpg);z-index:9" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table11">
<tr>
<td align="left" valign="top" width="16" height="250"> </td>
</tr>
</table></div>
<div id="wb_Table12" style="position:absolute;left:654px;top:57px;width:16px;height:250px;background-image:url(images/tr.jpg);z-index:10" align="left">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="Table12">
<tr>
<td align="left" valign="top" width="16" height="250"> </td>
</tr>
</table></div>
<div id="wb_Text1" style="position:absolute;left:190px;top:32px;width:441px;height:18px;z-index:11" align="center">
<font style="font-size:16px" color="#009300" face="Verdana"><b>Welcome Folks</b></font></div>
<a href="#" onclick="video.play()":;return false;"><img src="images/btn_play.gif" id="Image1" alt="Play" align="top" border="0" width="22" height="22" style="position:absolute;left:200px;top:310px;width:22px;height:22px;z-index:12"></a>
<a href="#" onclick="video.stop()";return false;"><img src="images/btn_stop.gif" id="Image2" alt="Stop" align="top" border="0" width="22" height="22" style="position:absolute;left:230px;top:310px;width:22px;height:22px;z-index:13"></a></div>
</body>
</html>
