Mediaplayer 播放前加载广告（图片&Flash）

MTV播放器HTML页面

最新推荐文章于 2024-05-29 16:34:25 发布

原创最新推荐文章于 2024-05-29 16:34:25 发布 · 476 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flash #border #function #javascript #div #class

这是一个使用HTML和JavaScript实现的MTV播放器页面，通过RealPlayer插件加载媒体文件，并包含基本的播放控制功能。

<html> <head> <title>MTV</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> a:link { font-size: 12px; color: #333333; text-decoration: none; } a:visited { font-size: 12px; color: #333333; text-decoration: none; } a:hover { color: #FF9900; text-decoration: blink; filter: DropShadow(Color=000000, OffX=2, OffY=2, Positive=8); cursor: hand; } .player { line-height: 20px; color: #000000; font-size: 12px; } .realplayer { color: #89A4FF; font-size: 12px; background-color: #000000; border: none; height: 18px; background-position: bottom; }</style> </head> <body bgcolor="#F7F7F7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onUnload="player_stop()"> <a name="playtop" id="playtop"></a> <DIV id="PreloadImage" style="POSITION: absolute; Z-INDEX: 99; top: 0px; left: 0px; width: 400; height: 325; background-color: black;"> <img src="http://hiphotos.baidu.com/13670430690/pic/item/f15c21c228dc1474b219a81e.jpg" mce_src="http://hiphotos.baidu.com/13670430690/pic/item/f15c21c228dc1474b219a81e.jpg" width="400" height="350"></td> </DIV> <table width="400" height="350" border="0" cellpadding="0" cellspacing="0" class="player"> <tr> <td width=400 rowspan="5" align="left" valign="top" bgcolor="#000000"> <DIV id="MediaPlayer" style="POSITION: absolute;Z-INDEX: 9;VISIBILITY: visible;" mce_style="POSITION: absolute;Z-INDEX: 9;VISIBILITY: visible;"> <object id=Player classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=400 height=350> <param name=filename value=http://ok.9158.com/playbox.aspx?playid=7301> <param name=URL value=http://ok.9158.com/playbox.aspx?playid=7301> <param name=UIMode value=none> <param name=AutoStart value=0> <param name=Enabled value=true> <param name=ShowControls value=1> <param name=ShowGotoBar value=0> <param name=ShowStatusBar value=1> <param name=EnableFullScreenControls value=0> <param name=EnablePositionControls value=0> <param name=Volume value=-60> <param name=DisplaySize value=0> <param name=SendErrorEvents value=0> <param name=enableContextMenu value=0> <param name=EnableStretchToFit value=1> <param name=EnableTracker value=1> <embed width=352 height=359 uimode=none autostart=1 enabled=true showcontrols=1 showgotobar=0 showstatusbar=1 enablefullscreencontrols=0 enablepositioncontrols=0 volume=-60 displaysize=0 senderrorevents=0 enablecontextmenu=0 enablestretchtofit=1 enabletracker=1> </embed> </object> </DIV> <div id="Layer1" style="position:absolute; left:40px; top:330px; width:270px; height:14px; z-index:100; background-color: #000000; layer-background-color: #000000; border: 0px none #000000; overflow: hidden;"> <input name=myText type=text size=43 class=realplayer value="正在连接媒体，请等待……" readonly> </div> <mce:script language="javascript"></mce:script> <SCRIPT FOR = "Player" EVENT = "buffering(Start)"> if (false == Start) { PreloadImage.style.visibility = "hidden"; MediaPlayer.style.visibility = "visible"; } else { PreloadImage.style.visibility = "visible"; MediaPlayer.style.visibility = "hidden"; } </SCRIPT> </td> </tr> </table> </body> </html>