转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CCTV视频里的全屏播放功能实现         ★★★★

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

作者:闵涛 文章来源:闵涛的学习笔记 点击数:706 更新时间:2009/4/23 14:18:44

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


没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台