| 网站首页 | 文章中心 | 设计欣赏 | 下载中心 | 设计咨讯 | 平面设计 | 二维|三维 | 网页制作 | NIIT论坛 | 酷站! | 
    您现在的位置: 卓越设计网 >> 网页制作 >> Javascript >> 网页制作正文
CCTV视频的全屏播放功能       ★★★
CCTV视频的全屏播放功能
作者:佚名 文章来源:IT 点击数: 更新时间:2005-4-26 3:09:53

→提问: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>
 
  <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> <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>

网页制作录入:as8130239    责任编辑:as8130239 
  • 上一篇网页制作:

  • 下一篇网页制作:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网站
    导航
        最新图片
       推荐信息
       最 新 热 门
        最 新 推 荐
        相 关 文 章
    用Javascript巧做火焰字
    多图片每次变化的效果不
    点了广告才能进网站(代
    一个不太让人讨厌的自动
    网站左右两边浮动广告(
    如何制作浮动广告
    VBScript 语言参考(强烈
    漂浮广告代码分析
    经典网页代码大奉送(40个
    JS广告代码大集合