福彩直播室

新浪彩通

项目: 福彩开奖视频直播

测试 支持IE8以上浏览器
cms:http://cms.pub.sina.com.cn/index.php?r=pageUserConf/menu&pubport_id=124355&vt=99
http://cms.pub.sina.com.cn/index.php?r=pubport/admin&showTabs=1&node_id=57369

pc:http://sports.sina.com.cn/lottery/video/fcopen/index.shtml?test_lott=1

新浪直播播放器调用

outPlayer1_1

<p>直播间外引播放器,版本1.1demo</p><br/>
<div id="myMovieBox1" style="height: 525px; width: 935px;"></div>
<input type="text" id="liveid1"><input type="button" id="change1" value="切换视频1" />
<script type="text/javascript" src="http://video.sina.com.cn/interface/outPlay.php"></script>
<script type="text/javascript">
//实现播放器多开
var player1 = window.$LivePlayer.playerInit({
  //必填参数
  liveid: '1690151', //视频id
  container: 'myMovieBox1', //播放器容器id
  srckey: '1000', //引用来源key值，默认是0。请向运营的同学索取
  //可选参数
  hidePrg: 1 //(0：不隐藏；1：隐藏)是否隐藏进度条（只对flash播放器有用，html5播放器无效），默认是0。
});
//实现手动切换视频
document.getElementById('change1').onclick = function(){
  var value = document.getElementById('liveid1').value;
  if(value != ''){
    player1.resetPlay(value); //切换视频，传入新的视频id
  }
};
</script>

outPlayer1_2

<p>直播间外引播放器,版本1.2demo</p><br/>
<div id="myMovieBox1" style="height: 525px; width: 935px;"></div>
<input type="text" id="liveid1"><input type="button" id="change1" value="切换视频1" />
<script type="text/javascript" src="http://video.sina.com.cn/interface/outPlay.php?version=2"></script>
<script type="text/javascript">
/*-------------------构建直播播放器的逻辑代码-----------------------*/
//创建播放器对象，可实现播放器多开。基本代码，必加。参数是存放播放器的容器id
var player1 = window.$LivePlayer.playerInit('myMovieBox1');
//传入视频播放信息，并构建播放器播放视频 
function playVideo(conf){
  //根据不同设备初始化播放器对象
  player1.playerInit(conf);
  /*-------------------附加功能：添加播放器或视频的状态检测，可根据需要来添加---------*/
  if(player1.playerState.init){
    //说明播放器初始化成功
    var playerobj = player1.playerobj(); //播放器业务级对象
    playerobj.on('playerInitComplete',function(){
      console.log('播放器构建并初始化完成');
    });
    playerobj.on('playCompleteNotify',function(){
      console.log('视频播放结束');
    });
  }
  /*-------------------附加功能：添加播放器或视频的状态检测，可根据需要来添加---------*/
  //构建播放器并加载视频。基本代码，必加
  player1.buildPlay();
  //playerobj.pause(); //播放器暂停
  //playerobj.play(); //播放器恢复播放
}
/*-------------------构建直播播放器的逻辑代码-----------------------*/
/*-------------------比较全面的参数配置，调用playVideo播放指定视频----------------*/
playVideo({
  //必填参数
  vars: {
    liveid: '1690151', //视频id 1690151
    srckey: '1000', //引用来源key值，默认是0。请向运营的同学索取
    hidePrg: 0//{Number|可选参数} (0：不隐藏；1：隐藏)是否隐藏进度条（只对flash播放器有用），默认是0
  },
  //以下参数模块为可选参数，实现各种附加功能
  /**
   * 功能点介绍：
   * 1.实现ios设备的HTML5播放器检测节目结束状态playCompleteNotify。
   * 2.ios下如果检测到当前节目为直播节目，则视频开始播放时会定位到正在直播的时间点，并不允许用户向
   *   后拖拽滚动条（即指能向前拖拽，不能拖拽到未来的时间点）
   * 如果使用这个功能则以下所有参数必填 
   */
  time: {
    end_time: 1414663200, //结束时间，秒
    start_time: 1414620000, //开始时间，秒
    server_time: 1414656000, //服务器时间，秒
    is_review: true //是否可回看
  }
});
/*-------------------比较全面的参数配置，调用playVideo播放指定视频----------------*/
//实现手动切换视频
document.getElementById('change1').onclick = function(){
  var value = document.getElementById('liveid1').value;
  if(value != ''){
    /*-------------------如果需要切换播放的视频，则重新传入参数即可---------*/
     playVideo({
      //必填参数
      vars: {
        liveid: value //视频id 1690151
        //srckey和hidePrg 可以不用再传，因为已经传过一次了。如果想修改可以传相应的修改值
      }
      //附件功能参数如果不传的话就表示不再实现这种功能了
    });
  }
};
</script>