CCTV视频里的全屏播放功能实现

　　　　　　　　　　　　
　　　　　　　　　　　　　
　　　　　　　　　　　　　　
　　　　　　　　　　　　　
　　　　　　　　　　　　
　　　　　　　　　　　　



　　　　　　　　　　　　

→提问：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><BR> var volv=phx.settings.volume;<BR> setInterval("if(phx.playState==3){time.innerText=phx.controls.currentPositionString+'|'+phx.currentMedia.durationString}",1000);<BR> setInterval("if(phx.playState==3){itcn.style.width=parseInt(245*(phx.controls.currentPosition/phx.currentMedia.duration))}",1000);<BR> function volup(){<BR> if (volv<100){<BR> volv+=5;<BR> phx.settings.volume=volv;<BR> time.innerText=volv;}<BR> else{time.innerText='最大';}<BR> }<BR> function voldown(){<BR> if (volv>0){<BR> volv-=5;<BR> phx.settings.volume=volv;<BR> time.innerText=volv;}<BR> else{time.innerText='最小';}<BR> }<BR> </script><BR> <p> <BR> 　<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="phx" width="245" height="240"><BR> 　　<param name="URL" value="http://www.wfzx.net/wf-phx/music/she_superstar.wmv"><BR> 　　<param name="rate" value="1"><BR> 　　<param name="balance" value="0"><BR> 　　<param name="currentPosition" value="0"><BR> 　　<param name="defaultFrame" value><BR> 　　<param name="playCount" value="1"><BR> 　　<param name="autoStart" value="-1"><BR> 　　<param name="currentMarker" value="0"><BR> 　　<param name="invokeURLs" value="-1"><BR> 　　<param name="baseURL" value><BR> 　　<param name="volume" value="50"><BR> 　　<param name="mute" value="0"><BR> 　　<param name="uiMode" value="full"><BR> 　　<param name="stretchToFit" value="0"><BR> 　　<param name="windowlessVideo" value="0"><BR> 　　<param name="enabled" value="-1"><BR> 　　<param name="enableContextMenu" value="-1"><BR> 　　<param name="fullScreen" value="0"><BR> 　　<param name="SAMIStyle" value><BR> 　　<param name="SAMILang" value><BR> 　　<param name="SAMIFilename" value><BR> 　　<param name="captioningID" value><BR> 　　<param name="enableErrorDialogs" value="0"><BR> 　　<param name="_cx" value="6482"><BR> 　　<param name="_cy" value="6350"><BR> 　</object><BR> </p><BR> <input type=button value=mute onclick=phx.settings.mute=phx.settings.mute==true?false:true;time.innerText=phx.settings.mute==true?'静音':'关闭静音';><BR> <input type=button value=play onclick=phx.controls.play();time.innerText='播放';><BR> <input type=button value=pause onclick=phx.controls.pause();time.innerText='暂停';><BR> <input type=button value=stop onclick=phx.controls.stop();time.innerText='停止';><BR> <input type=button value=mode onclick=phx.settings.balance=phx.settings.balance=='100'?'-100':'100';time.innerText=phx.settings.balance=='100'?'右声道':'左声道';><BR> <input type=button value=vol++ onclick=volup();><BR> <input type=button value=vol-- onclick=voldown();><BR> <input type=button value=fullscreen onclick="if(phx.playState==3)phx.fullscreen=1;"><BR> <br><BR> <div id="time" style="background:#f2f3f7;width:245">正在加载媒体。。。</div><BR> <table id=bar style="width:245;height:10px;border:1px black solid;"><BR> 　<tr> <BR> 　　<td id=itcn bgcolor=#f70968 style="width:0"></td><BR> 　　<td id=bar2 style="width:245"></td><BR> 　</tr><BR> </table>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]