视频页面

最新推荐文章于 2024-03-15 23:33:32 发布

zengbo0710

最新推荐文章于 2024-03-15 23:33:32 发布

阅读量3.5k

点赞数

分类专栏： JavaScript JSP 文章标签： javascript class div border function microsoft

JSP 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

JavaScript

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" lang="gb2312">
<head><title>新浪网</title>
<meta http-equiv="Content-type" content="text/html; charset=gb2312" />

td,p,li,input,select,div,span {font-size:12px;page-break-after:auto;}
table,td,img,div,span,form{border: none;margin: 0 0 0 0;padding: 0 0 0 0;}

A img{border:none;}

A:link {color:#00f;}
A:visited {color:#800080;}
A:active {color:#f00;}
A:hover {color:#f00;}

.linkBlack a:link,.linkBlack a:visited {text-decoration: none;color:#000;}
.linkBlack a:active,.linkBlack a:hover {text-decoration: underline;color:#f00;}
.linkBlack{color:#000;}

a.mplink { text-decoration: none;}
a.mplink:link,a.mplink:visited {color:#000038;}
a.mplink:hover,a.mplink:active,a.mplink:focus { color:#ffffcc;}

.imgStar img {cursor:pointer; position:relative; top:2px;}
/* 定制焦点图 begin */
.focusPic{width:296px; height:320px; overflow:hidden; position:relative;}
.focusPicNum{position:absolute; width:100%; z-index:99; right:0; top:195px; background:#c0daeb; height:24px; padding-right:5px; width:395px;}
.focusPicNum .NumImg{float:right; width:145px;}
.focusPicNum .NumImg img{margin:5px 0 4px 5px;}
.NumLT{float:right; color:#006; text-align:right; font-size:12px; line-height:24px; padding-top:2px;}
.focusPicTextU01{position:absolute; height:5px; width:9px; z-index:99; left:267px; top:195px; overflow:hidden;}
.focusPicTextU02{position:absolute; height:5px; width:9px; z-index:99; left:295px; top:195px; overflow:hidden;}
.focusPicTextU03{position:absolute; height:5px; width:9px; z-index:99; left:322px; top:195px; overflow:hidden;}
.focusPicTextU04{position:absolute; height:5px; width:9px; z-index:99; left:348px; top:195px; overflow:hidden;}
.focusPicTextU05{position:absolute; height:5px; width:9px; z-index:99; left:377px; top:195px; overflow:hidden;}
/* 定制焦点图 end */

/*]]>*/-->
</style>

</head>
<body topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">

<div id="mplayerDiv" style="width:296px;height:226px; position:relative; background-color:#4c93bc;">
<div id="mplayContent" style="height:221px; position:relative">
  <div id="mplayerAd" style="position:absolute; top:0px; left:0px; width:400px; height:320px; z-index:999">



<div class="focusPic" id="focusPic1">
<div class="focusPicTextU01"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicNum">
  <div class="NumImg"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
  <div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/zongyi/huigu/8.html" target="_blank"><img src="http://image2.sina.com.cn/book/U1396P167T158D1F5419DT20061024170750.jpg" width="400" height="195" alt="《超级两代电力公司》：继父后母难相处" title="《超级两代电力公司》：继父后母难相处"/></a></div>
</div>

<div class="focusPic" id="focusPic2" style="display:none;">
<div class="focusPicTextU02"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicNum">
  <div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
  <div class="NumLT">循环焦点图:</div>
</div>
  <div class="focusPicImg"><a href="http://bn.sina.com.cn/zongyi/huigu/11.html" target="_blank"><img src="http://image2.sina.com.cn/book/U1396P167T158D1F5420DT20061024170750.jpg" width="400" height="200" alt="《夜来女人香》：女人的色香味" title="《夜来女人香》：女人的色香味"/></a></div>

</div>

<div class="focusPic" id="focusPic3" style="display:none;">
<div class="focusPicTextU03"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/zongyi/huigu/1.html" target="_blank"><img src="http://image2.sina.com.cn/book/U1396P167T158D1F5423DT20061024170750.jpg" width="400" height="200" alt="《天天大连宪》：超火辣冲浪美女" title="《天天大连宪》：超火辣冲浪美女"/></a></div>
</div>

<div class="focusPic" id="focusPic4" style="display:none;">
<div class="focusPicTextU04"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04on.gif" width="23" height="15" alt=""/><a href="javascript:setFocus1(5);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05off.gif" width="23" height="15" alt=""/></a></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/z/candy/index.shtml" target="_blank"><img src="http://image2.sina.com.cn/book/U1503P167T158D1F5426DT20061023180135.jpg" width="400" height="200" alt="“糖果剧”《非常公寓》" title="“糖果剧”《非常公寓》"/></a></div>
</div>

<div class="focusPic" id="focusPic5" style="display:none;">
<div class="focusPicTextU05"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_001.gif" width="9" height="5" alt=""/></div>
<div class="focusPicNum">
<div class="NumImg"><a href="javascript:setFocus1(1);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_01off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(2);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_02off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(3);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_03off.gif" width="23" height="15" alt=""/></a><a href="javascript:setFocus1(4);"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_04off.gif" width="23" height="15" alt=""/></a><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/bn_focus_num_ws_05on.gif" width="23" height="15" alt=""/></div>
<div class="NumLT">循环焦点图:</div>
</div>
<div class="focusPicImg"><a href="http://bn.sina.com.cn/dv/" target="_blank"><img src="http://image2.sina.com.cn/book/U1396P167T158D1F5429DT20061025160907.JPG" width="400" height="200" alt="美女自导自演作品《绿》" title="美女自导自演作品《绿》"/></a></div>
</div>

var timeout1 = time1*1000;
var timeout2 = time2*1000;
var nn = 1;//初始焦点

var curFileNum = 1;//传递给myPlayer对象表示目前焦点序列值

if(navigator.appName == "Microsoft Internet Explorer"){
setTimeout('change_img()',timeout1);
}
function change_img(){
if(nn>5) nn=1
setTimeout('setFocus2('+nn+')',timeout1);
nn++;
tt=setTimeout('change_img()',timeout2);
}
function setFocus2(i){
curFileNum = i;
selectLayer1(i);
}
function setFocus1(i){
nn = i;
curFileNum = i;
selectLayer1(i);
}
function selectLayer1(i){
switch(i){
  case 1:
  document.getElementById("focusPic1").style.display="block";
  document.getElementById("focusPic2").style.display="none";
  document.getElementById("focusPic3").style.display="none";
  document.getElementById("focusPic4").style.display="none";
  document.getElementById("focusPic5").style.display="none";
  break;
  case 2:
  document.getElementById("focusPic1").style.display="none";
  document.getElementById("focusPic2").style.display="block";
  document.getElementById("focusPic3").style.display="none";
  document.getElementById("focusPic4").style.display="none";
  document.getElementById("focusPic5").style.display="none";
  break;
  case 3:
  document.getElementById("focusPic1").style.display="none";
  document.getElementById("focusPic2").style.display="none";
  document.getElementById("focusPic3").style.display="block";
  document.getElementById("focusPic4").style.display="none";
  document.getElementById("focusPic5").style.display="none";
  break;
  case 4:
  document.getElementById("focusPic1").style.display="none";
  document.getElementById("focusPic2").style.display="none";
  document.getElementById("focusPic3").style.display="none";
  document.getElementById("focusPic4").style.display="block";
  document.getElementById("focusPic5").style.display="none";
  break;
  case 5:
  document.getElementById("focusPic1").style.display="none";
  document.getElementById("focusPic2").style.display="none";
  document.getElementById("focusPic3").style.display="none";
  document.getElementById("focusPic4").style.display="none";
  document.getElementById("focusPic5").style.display="block";
  break;
}
}
//]]>
</script>

</div>
</div>
<div id="controlContent">
  <table width="100%" height="35" cellspacing="0" border="0" cellpadding="0" background="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_ctrl_bg.gif">
  <tr valign="middle">
  <td width="7"></td>
  <td width="24"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_play.gif|http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_pause.gif" alt="播放/暂停" name="playBtn" width="19" height="17" id="playBtn" style="cursor:pointer;" /></td>
  <td width=24><img id="stopBtn" src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_stop.gif|http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_stop2.gif" width=19 height=17 alt="停止" style="cursor:pointer" /></td>
  <td width="135">
   <table width="95%" height="13" border="0" cellpadding=0 cellspacing=0>
    <tr><td width="1"><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_pzone_left.gif" width=1 height=13 /></td>
    <td id="pZone" background="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_pzone_bg.gif" style='POSITION: relative;left:0;'><div id="pBox" title="移动滑块控制影片进度" style="OVERFLOW: hidden;POSITION: relative;cursor:e-resize;left:0px;top:0px;width:10px;height:13px;background-image:url(http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_pbox.gif)"></div></td>
    <td width=1><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_pzone_left.gif" width=1 height=13 /></td>
    </tr>
   </table>
  </td>
  <td width=24><img id="muteBtn" src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_mute.gif|http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_mute2.gif" width=19 height=16 alt="打开声音|关闭声音" /></td>
  <td width=40 background='http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_vzone_bg.gif' id='vZone' style='POSITION: relative;left:0;background-position:left 11px;background-repeat:no-repeat;' title='移动滑块控制音量'>
  <div id="vBox" style="OVERFLOW: hidden;POSITION: relative;cursor: pointer;left:0px;top:12px;width:10px;height:13px;background-image:url(http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_pbox.gif);"></div>
  </td>
  <td width="10"></td>
  <td width="44"><img src='http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_screenf.gif' name="screenFBtn" width="39" height="20" id="screenFBtn" style="cursor:pointer" /></td>
  <td><img src="http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_broads.gif|http://image2.sina.com.cn/cctv/bn/wmp_pic/zp_cctv_btn_narrows.gif" id="bornBtn" style="cursor:pointer" /></td>
  </tr>
  </table>
</div>
</div>
<script language="JavaScript" type="text/javascript" src="http://event.51uc.com/6/2006/js/bnwmp.js"></script>
<script language="JavaScript" type="text/javascript">
<![CDATA[//><!]]>
</script>
<script language="JavaScript" type="text/JavaScript">
<![CDATA[//><!--
//http://image2.sina.com.cn/cctv/bn/WMPlayer.js
  var watchZoneId = "mplayContent";//视频显示位置的ID
  var controlZoneId = "controlContent";//按钮控制面板区域ID
  var pZoneId = "pZone";//播放进度条区域的ID
  var pBoxId = "pBox";//播放进度条控制钮ID
  var vZoneId = "vZone";//声音控制区域的ID
  var vBoxId = "vBox";//声音控制钮的ID
  var playBtnId = "playBtn";//播放按钮的ID
  var stopBtnId = "stopBtn";//停止按钮的ID
  var screenFBtnId = "screenFBtn";//全屏按钮的ID
  var muteBtnId = "muteBtn";//静音按钮的ID
  //宽窄频模式 start
   //radio模式
   var broadBtn = "";//宽频radio的ID broadBtn
   var narrowBtn = "";//窄频radio的ID narrowBtn
   //单一button切换模式
   var bornBtn = "bornBtn";// 宽窄频单一button的id
  //宽窄频模式 end
  var autoStart = false;//是否自动播放 true：自动播放 false：不自动播放
  var defaultBand = "1";//默认播放带宽 1 宽频 0 窄频

var myPlayer = new sina.Player(watchZoneId,controlZoneId,pZoneId,pBoxId,vZoneId,vBoxId,playBtnId,stopBtnId,screenFBtnId,muteBtnId,broadList,narrowList,broadBtn,narrowBtn,bornBtn,autoStart,defaultBand);//定义播放器对象并初始化
  if(sina.isIE){
   myPlayer.Init();//初始化按钮
   setInterval("myPlayer.FixPos()",500);//监测进度条滑动钮
   setInterval("myPlayer.CheckBtn()",500);//监测播放状态时时设置播放暂停和停止按钮状态
  }else{
   myPlayer.DrawToNS();
  }

//--><!]]>
</script>

</body>
</html>