网页播放技术的实战解析（二）

   前面讲了点播文字链接弹出新窗口。本讲主题是：文字链接与播放器窗口处于同一页面。请点下面的文字链接观看效果。

    代码如下：

＜table height="310" cellSpacing="0" cellPadding="0" width="375" border="0"＞
＜tbody＞
＜tr＞
＜td width="375" bgcolor="#cccccc" height="310"＞
＜center＞＜span id="trymedia"＞
＜object align=middle classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,5
2,701 width=375 height=300 id=nstv type=application/x-oleobject standby='Loading Microsoft Windows Media Player components...'＞＜param name='AudioStream' value='-1'＞＜param
name='AutoSize' value='0'＞＜param name='AutoStart' value='-1'＞＜param name='AnimationAtStart'
value='-1'＞＜param name='AllowScan' value='-1'＞＜param name='AllowChangeDisplaySize' value='-
1'＞＜param name='AutoRewind' value='0'＞＜param name='Balance' value='10'＞＜param name='BaseURL'
value＞＜param name='BufferingTime' value='5'＞＜param name='CaptioningID' value＞＜param
name='ClickToPlay' value='-1'＞＜param name='CursorType' value='0'＞＜param
name='CurrentPosition' value='-1'＞＜param name='CurrentMarker' value='0'＞＜param
name='DefaultFrame' value＞＜param name='DisplayBackColor' value='0'＞＜param
name='DisplayForeColor' value='16777215'＞＜param name='DisplayMode' value='0'＞＜param
name='DisplaySize' value='4'＞
＜param name='Mute' value='0'＞
＜param name='PlayCount' value='1'＞
＜param name='PreviewMode' value='0'＞
＜param name='Rate' value='1'＞
＜param name='SelectionStart' value='0'＞
＜param name='SelectionEnd' value='0'＞
＜param name='TransparentAtStart' value='0'＞
＜param name='Volume' value='0'＞
＜param name='WindowlessVideo' value='0'＞
＜param name=Filename value=＞
＜/object＞
＜script language="JavaScript"＞
function show_media(){
var media_url=window.event.srcElement.href;    //*media_url=用户所点链接值
trymedia.innerHTML="＜object id=mediaplayer align=middle classid='CLSID:22d6f312-b0f6-11d0-
94ab-0080c74c7e95' codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,5
2,701  width=375 height=300  type=application/x-oleobject standby='Loading Microsoft Windows Media Player components...'＞＜param name='AudioStream' value='-1'＞＜param name='AutoSize'
value='0'＞＜param name='AutoStart' value='-1'＞＜param name='AnimationAtStart' value='-
1'＞＜param name='AllowScan' value='-1'＞＜param name='AllowChangeDisplaySize' value='-1'＞＜param
name='AutoRewind' value='0'＞＜param name='Balance' value='10'＞＜param name='BaseURL'
value＞＜param name='BufferingTime' value='5'＞＜param name='CaptioningID' value＞＜param
name='ClickToPlay' value='-1'＞＜param name='CursorType' value='0'＞＜param
name='CurrentPosition' value='-1'＞＜param name='CurrentMarker' value='0'＞＜param
name='DefaultFrame' value＞＜param name='DisplayBackColor' value='0'＞＜param
name='DisplayForeColor' value='16777215'＞＜param name='DisplayMode' value='0'＞＜param
name='DisplaySize' value='4'＞ ＜param name='Mute' value='0'＞ ＜param name='PlayCount'
value='1'＞ ＜param name='PreviewMode' value='0'＞ ＜param name='Rate' value='1'＞ ＜param
name='SelectionStart' value='0'＞ ＜param name='SelectionEnd' value='0'＞ ＜param
name='TransparentAtStart' value='0'＞＜param name='Volume' value='0'＞＜param
name='WindowlessVideo' value='0'＞＜param name=Filename value="+media_url+"＞＜/object＞";  //*
引用用户所点链接值,播放media
}
＜/script＞
＜br＞
＜script language="JScript"＞
function show(Text){
info.innerHTML = '＜p align="center" style="filter:shadow
(color=#000000,direction=110);height:14;"＞＜font color=ffffff＞当前播放歌曲: ＜/font＞＜font
color=#ffffaa＞' + Text.innerText + '＜/font＞  ＜A style="cursor: hand;"
onclick="mediaplayer.displaysize=3"＞＜font color=ffffff＞全屏播放[ESC返回]＜/font＞＜/A＞＜/P＞';
}
＜/script＞
＜/span＞＜span id="info" style="FONT-SIZE: 14px ;filter:shadow
(color=#000000,direction=110);height:14;"＞＜/span＞＜/center＞＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞
＜a onfocus=blur() onclick="show_media();show(this);return false"
href="http://www.crystalcg.com/new/xinshang/002/asf/snow.wmv"＞汤灿 → 雪意＜/a＞

    有问题请到谱乐论坛发表或随时随地在线咨询谱乐。

    到这篇专题为止，谱乐关于网页播放器的一些基础知识和制作技术的讲解就要告一段落了。许多朋友在谱乐论坛上经常问及这怎么做，那怎么做？能否这样，能否那样？不劳而获的心态非常严重，根本就不想自己去尝试一下。谱乐这里要说的是：网页播放器的内容非常的广泛而丰富，谱乐不可能面面俱到。谱乐带给大家的只能是一些基本的方法与技巧，许多具体的功能或需求还得寄希望于朋友们亲自去实践和探索。你自己最清楚自己想要什么！