dcsimg
www.webdeveloper.com
Results 1 to 1 of 1

Thread: Custamizeing Embeded Player

  1. #1
    Join Date
    Jul 2007
    Posts
    14

    Custamizeing Embeded Player

    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 &quot;Your Name&quot;&nbsp;&nbsp; &nbsp;&nbsp; All Rights reserved&nbsp;&nbsp; &nbsp;&nbsp; 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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>
    Last edited by frankhack; 09-15-2007 at 11:04 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles