当前位置: 首页 > >

微信网页调用腾讯视频去广告,视频预览截图去腾讯logo

发布时间:

开发一个微信公众号项目,需要播放短视频,视频源存放在腾讯视频?




采用 :





这这种形式播放,无法去除广告,且视频未播放前的默认截图有腾讯logo,产品经理要求用海报替换视频截图?




好在腾讯视频有js api可调用 ?,具体方法:


先引入js





js 代码 :



function btn(){
var video = new tvp.VideoInfo();
video.setVid("vid");

var player = new tvp.Player(220, 296);
player.setCurVideo(video);
player.addParam("autoplay","0");
player.addParam("adplay","0");
player.addParam("player","html5");
player.addParam("pic","http://img.lanrentuku.com/img/allimg/1604/14603400449013.jpg");
player.write("playpoint");
}


视频播放的位置:





页面加载完成后初始化播放器:





主要的js中的两个对象以及参数设置:


video.setVid() ? ?设置播放视频的vid


player.addParam("autoplay","0"); ? ?关闭自动播放 ,设置为1 ,代表自动播放
player.addParam("adplay","0"); ? ? ? 去除广告 ,默认 1 是显示广告
?player.addParam("player","html5"); 播放器类型为html5,还可以设置为控件播放,flash播放,以及auto 自动选择等
player.addParam("pic","http://img.lanrentuku.com/img/allimg/1604/14603400449013.jpg"); ?设置该视频播放时的初始默认显示图片(主要是为了去除视频截图中的腾讯logo,以及显示自定义的海报)
player.write("playpoint"); 设置视频需要显示的位置 ,对应div 的id






还可以设置播放起始点以及终止点等等,具体调用方法可以参考 :


http://blog.sina.com.cn/s/blog_6ce8bab50102uyrj.html





友情链接: