视频页面

<!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" />

<style type="text/css" media="all">
<!--/*--><![CDATA[/*><!--*/
body { background-color:#FFF; margin:0px 0px;}

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

<!-- 播放器 start -->
<div id="mplayerDiv" style="width:296px;height:226px; position:relative; background-color:#4c93bc;"><!-- width :整个播放器的宽度 -->
 <div id="mplayContent" style="height:221px; position:relative"><!-- width :视频的宽度 --> 
  <div id="mplayerAd" style="position:absolute; top:0px; left:0px; width:400px; height:320px; z-index:999">
   
<!-- 定制焦点图 begin -->
<!-- 图1 begin -->
<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>
<!-- 图1 end -->

<!-- 图2 begin -->
<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>
<!-- 图2 end -->

<!-- 图3 begin -->
<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>
<!-- 图3 end -->

<!-- 图4 begin -->
<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>
<!-- 图4 end -->

<!-- 图5 begin -->
<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>
<!-- 图5 end -->

<script language="javascript" type="text/javascript">
//<![CDATA[
var time1 = 0; //打开页面时等待图片载入的时间,单位为秒,可以设置为0
var time2 = 5; //图片轮转的间隔时间

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>

<!-- 定制焦点图 end --> 

  </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[//><!--
    var broadList = [
  "mms://nv.sina.com.cn/bn/2006/09/22809448.wmv",
  "mms://nv.sina.com.cn/bn/2006/10/24902252.wmv",
  "mms://nv.sina.com.cn/bn/2006/10/23315429.wmv",
  "mms://nv.sina.com.cn/dianshiju/2006/10/19688354.wmv",
  "mms://nv.sina.com.cn/BNDV/2006/10/25825531.wmv"
  ];//宽频列表 注意宽和窄的对应
  var narrowList = [
  "mms://nv.sina.com.cn/bn/2006/09/22918273.wmv",
  "mms://nv.sina.com.cn/bn/2006/10/24803344.wmv",
  "mms://nv.sina.com.cn/bn/2006/10/23629699.wmv",
  "mms://nv.sina.com.cn/dianshiju/2006/10/19375518.wmv",
  "mms://nv.sina.com.cn/BNDV/2006/10/25590393.wmv"
  ];//窄频列表
 //--><!]]>
</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>
<!-- 播放器 end -->
</body>
</html>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值