→提问:CCTV里的全屏功能是怎么实现的,谢!
→参考:www.cctv.com.cn/tvonline/main_media.html
→回答:老版本的media player 中,classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95新版的:classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" 新版做这样的判断: if (player.playState==3){ player.fullscreen=1; }
→DEMO:
<script language=javascript defer> var volv=phx.settings.volume; setInterval("if(phx.playState==3){time.innerText=phx.controls.currentPositionString+'|'+ phx.currentMedia.durationString}",1000); setInterval("if(phx.playState==3){itcn.style.width=parseInt(245*(phx.controls.currentPosition/phx.currentMedia.duration))}",1000); function volup(){ if (volv<100){ volv+=5; phx.settings.volume=volv; time.innerText=volv;} else{time.innerText='最大';} } function voldown(){ if (volv>0){ volv-=5; phx.settings.volume=volv; time.innerText=volv;} else{time.innerText='最小';} } </script> <p> <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="phx" width="245" height="240"> <param name="URL" value="http://www.wfzx.net/wf-phx/music/she_superstar.wmv "> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value> <param name="volume" value="50"> <param name="mute" value="0"> <param name="uiMode" value="full"> <param name="stretchToFit" value="0"> <param name="windowlessVideo" value="0"> <param name="enabled" value="-1"> <param name="enableContextMenu" value="-1"> <param name="fullScreen" value="0"> <param name="SAMIStyle" value> <param name="SAMILang" value> <param name="SAMIFilename" value> <param name="captioningID" value> <param name="enableErrorDialogs" value="0"> <param name="_cx" value="6482"> <param name="_cy" value="6350"> </object> </p> <input type=button value=mute onclick=phx.settings.mute=phx.settings.mute==true?false:true;time.innerText=phx.settings.mute==true?'静音':'关闭静音';> <input type=button value=play onclick=phx.controls.play();time.innerText='播放';> <input type=button value=pause onclick=phx.controls.pause();time.innerText='暂停';> <input type=button value=stop onclick=phx.controls.stop();time.innerText='停止';> <input type=button value=mode onclick=phx.settings.balance=phx.settings.balance=='100'?'-100':'100';time.innerText=phx.settings.balance=='100'?'右声道':'左声道';> <input type=button value=vol++ onclick=volup();> <input type=button value=vol-- onclick=voldown();> <input type=button value=fullscreen onclick="if(phx.playState==3)phx.fullscreen=1;"> <br> <div id="time" style="background:#f2f3f7;width:245">正在加载媒体。。。</div> <table id=bar style="width:245;height:10px;border:1px black solid;"> <tr> <td id=itcn bgcolor=#f70968 style="width:0"></td> <td id=bar2 style="width:245"></td> </tr> </table>
注意:以上代码需要用将全角<>替换成半角<>才能正常使用。
→效果
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]