＋添加到收藏夹

上一篇：XSL简明教程 >>

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>
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>

→效果：

<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 全部选择提示：你可先修改部分代码，再按运行]

（）

下一篇：JS 小游戏 >>

相关文章：

© 2006 www.java-asp.net