调用腾讯、优酷视频播放器APi

2019-02-26    标签:API    阅读:409    评论:0


工作中经常用到一些腾讯的或者优酷的视频,以下是调用视频接口的方法,注意线上才有效。

调用腾讯视频播放器APi

<!doctype html>
<html>
 <head>
 <meta charset="utf-8">
 <title>调用腾讯视频播放器APi</title>
 <script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script>
</head>
 
<body>
<div id="videoCon" class="video"></div>
<script>
    var video = new tvp.VideoInfo();
    video.setVid("w0605len8by");//视频vid
    var player = new tvp.Player(750, 450);//视频高宽
    player.setCurVideo(video);
    player.addParam("autoplay","0");//是否自动播放,1为自动播放,0为不自动播放
	player.addParam("wmode","opaque");
	player.addParam("showend",0);
	player.addParam("adplay",0);  
	player.addParam("wmode","transparent");
    player.addParam("pic","http://ossweb-img.qq.com/images/roco/act/a20120925movie/video_pic.jpg");//默认图片地址
    player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf");//是否调用精简皮肤,不使用则删掉此行代码
    player.write("videoCon");
</script>
 
 </body>

调用优酷视频播放器APi

<script src="http://player.youku.com/jsapi" charset="utf-8"></script>
player =newYKU.Player('youkuplayer',{
styleid:'0',               //播放样式0-9
client_id: '',             //登录优酷在后台创建一个应用结可以拿到
vid: 'ID',        //视频ID 跟腾讯的vid是一样的道理
autoplay:true,       //是否自动播放视频
show_related:true,         //播放完成是否显示相关视频
embsig: '',                   //嵌入式播放器签名(非网站类应用必须设置)
password: 'md5('播放密码'+client_id)',//免密码播放
events:{
onPlayerReady:function(){/*your code*/},//播放器准备就绪调用
onPlayStart:function(){/*your code*/},//播放器开始播放时调用
onPlayEnd:function(){/*your code*/}//播放器结束播放时调用
player.create({
    onpause:function(){
        console.log('暂停了')
    },
    onallended:function(){
        console.log('播放完了')
    },
     onfullscreen:function(){
         if (this.isFullScreen == true) {
             console.log("全屏了")
         }else {
             console.log("取消全屏了")
         }
       }
})
functionplayVideo(){
player.playVideo();//播放
}
functionpauseVideo(){
player.pauseVideo();//暂停
}
functionseekTo(s){
player.seekTo(s);//定位至指定时间
}
functioncurrentTime(){
returnplayer.currentTime();//当前播放时间
}


‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/107.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录

博主信息

头像

生活很平淡,也很烦躁,如果您每天都能学到新东西,您就可以每天教别人新东西,今天的辛苦,是为了明天的更好。

职业:Web攻城狮

Email:2938039696@qq.com

学习交流群:简忆blogs技术群

项目合作:2938039696

置顶推荐

站点信息

874运行天数

252文章数量

主题框架:Foundation5
网站地图:XML网站地图
微信公众号:扫码关注公众号
公众号

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×
×
×