优酷,迅雷视屏播放接口

优酷:
优酷的视频播放器接口连接为:http://open.youku.com/tools/ 里面已经有教详细的说明了。
在这里也做一些说明吧:
导入js文件:

1 <script type="text/javascript" src="http://player.youku.com/jsapi">

调用:

复制代码
 1 <script type="text/javascript">
 2 player = new YKU.Player('youkuplayer',{
 3     styleid: '0',                          //炫彩播放器样式 0-9  4 client_id: '', //优酷开放平台创建应用的client_id 这个是必须的登录优酷在后台创建一个应用就有。  5 vid: '替换成优酷视频ID', //视频ID 这个视频id就是优酷视频连接后面的字符串,这个应该懂吧。  6 autoplay: true, //是否自动播放视频  7 show_related: true, //播放完成是否显示相关视频  8 embsig: '', //嵌入式播放器签名(非网站类应用必须设置)  9 password: 'md5('播放密码'+client_id)', //免密码播放 10  events:{ 11 onPlayerReady: function(){ /*your code*/ }, //播放器准备就绪调用 12 onPlayStart: function(){ /*your code*/ }, //播放器开始播放时调用 13 onPlayEnd: function(){ /*your code*/ } //播放器结束播放时调用 14  } 15 }); 16 function playVideo(){ 17 player.playVideo(); //播放 18 } 19 function pauseVideo(){ 20 player.pauseVideo(); //暂停 21 } 22 function seekTo(s){ 23 player.seekTo(s);//定位至指定时间 24 } 25 function currentTime(){ 26 return player.currentTime();//当前播放时间 27 } 28 </script>
复制代码

腾讯:
腾讯的视频播放器接口连接一时没找着,哪位童鞋知道的麻烦发下,谢谢。
导入js文件:

1 <script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset='utf-8'></script>

调用:

复制代码
 1 <script type="text/javascript">
 2 var video = new tvp.VideoInfo();    //初始化视频对象  3 video.setVid(视频id); //向视频对象传入视频vid ,这个是点播的时候使用  4 video.setChannelId(直播频道id); //向视频对象传入直播频道id ,这个是直播的时候使用  5  6 /*点播跟直播的区别主要是:  7 1. 点播是通过video.setVid(vid); 而直播是通过video.setChannelId(cnlid); 设置直播id  8 2. 点播需要player.addParam('type','2');或者省略,因为默认播放器为点播状态;直播必须通过player.addParam('type','1');设置播放器为直播状态,。  9 */ 10 11 var player = new tvp.Player(width, height); //初始化播放器对象并设置宽、高 12 player.setCurVideo(video); //设置播放器初始化时加载的视频 13 player.addParam('type','1'); //设置播放器为直播状态,1表示直播,2表示点播,默认为2 14 player.addParam("wmode","transparent"); //设置透明化,不设置时,视频为最高级,总是处于页面的最上面,此时设置z-index无效 15 player.addParam('autoplay',false); //是否自动播放 16 player.addParam('pic',''); //播放器默认图,当autoplay=0时有效;不传入则使用视频截图 17 player.addParam('showend',0) //结束时是否有广告 18 player.addParam("flashskin", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerMiniSkin.swf"); //flash播放器皮肤;不传入则使用默认皮肤;点播状态下可选值(注意仅限点播,直播无效),这里是使视频窗口为小窗口 19 player.addParam("loadingswf", "http://imgcache.qq.com/minivideo_v1/vd/res/skins/web_small_loading.swf"); //加载视频时的swf动画; 不传入则使用默认样式 20 player.write(容器id); //输出播放器 21 </script>
复制代码

腾讯的视频播放器接口参数还有其他的。这里没有全部列举,有兴趣的可以自行百度,很容易找到,这里只列举了部分本人项目中常用的。

因为平时项目中经常用到,所以针对优酷和腾讯的视频播放器写了一个小小的插件,为了方便里面使用了jQuery,所以要导入jQuery才行。要原生的只要把里面的几个方法改成原生的即可。插件放在GitHub 里。有兴趣的可以去看看 :https://github.com/zhouxitian

 

转载于:https://www.cnblogs.com/yeyublog/p/7103117.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值