腾讯统一播放器javascript调用方法

0.063字数 15阅读 5542

version 1.0

首先引入<script language="javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
<script>
    var video = new tvp.VideoInfo();  //初始化视频对象
    video.setVid(vid);                //向视频对象传入视频vid ,这个是点播的时候使用
    //video.setChannelId(cnlid);      //向视频对象传入直播频道cnlid ,这个是直播的时候使用

    /*点播跟直播的区别主要是:
        点播是通过video.setVid(vid); 
        而直播是通过video.setChannelId(cnlid); 设置直播id
        点播需要player.addParam('type','2');或者省略,因为默认播放器为点播状态;
        直播必须通过player.addParam('type','1');设置播放器为直播状态,。
    */
    
    var player = new tvp.Player(width, height);  //初始化播放器对象并设置宽、高
    player.setCurVideo(video);                   //设置播放器初始化时加载的视频
    player.addParam('type','1');                 //设置播放器为直播状态,1表示直播,2表示点播,默认为2
    player.addParam("wmode","transparent");      //设置透明化,不设置时,视频为最高级,总是处于页面的最上面,此时设置z-index无效
    player.addParam('autoplay',false);           //是否自动播放
    player.addParam('pic','');                   //播放器默认图,当autoplay=0时有效;不传入则使用视频截图                                  
    player.addParam('showend',0)                 //结束时是否有广告
    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //flash播放器精简皮肤;不传入则使用默认皮肤
    player.addParam("loadingswf", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf");   //加载视频时的swf动画; 不传入则使用默认样式
    player.write(DOMid);                         //输出播放器
    //events
    player.onplaying = function(vid) {
        console.log(vid);
    }
    player.onended = function(vid) {
        console.log(vid);
    }
    
</script>

version 2.0

首先引入<script language="javascript" src="http://imgcache.qq.com/tencentvideo_v1/tvp/js/tvp.player_v2.js" charset="utf-8"></script>
<script>
  var video = new tvp.VideoInfo();
  video.setVid(vid);
  var player =new tvp.Player();
  player.create({
    width: width,       //播放器的宽度
    height: height, //播放器的高度
    video: video,       //默认的视频对象
    modId: DOMid,       //默认的 DOM 元素 ID
    autoplay: false,
    pic: imgURL
  });
  player.onplaying = function (vid){
    console.log(vid)
  }
  player.onallended = function (vid){
    console.log(vid)
  };
</script>

查看更多方法和参数

推荐阅读更多精彩内容