优酷、腾讯视频播放器接口参数说明

终于有一点空闲时间整理一下一些小插件,最近经常用到优酷、腾讯的视频播放器进行视频播放,所以整理一下以后方便使用。
优酷:
优酷的视频播放器接口连接为: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

时间: 2024-09-30 16:38:04

优酷、腾讯视频播放器接口参数说明的相关文章

优酷,迅雷视屏播放接口

优酷:优酷的视频播放器接口连接为: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('

优酷的视频地址获取接口

今天分享的就是优酷的视频地址获取接口! GET一下这个地址就会出现详细信息,包含SWFb播放地址,视频封面等信息 地址:http://cgi.connect.qq.com/qqconn ... Q?xmlout=1&url=http://v.youku.com/v_show/id_XMTM3MzUxNTY=.html?f=1095101 其中红色部分为要解析的视频地址!注意访问这个地址要使用QQ登陆的COOKIE(比如登陆QQ空间,微博等都可以的) COOKIE简化为:uin=xxxx; [em

腾讯视频播放器V 1.0 去广告补丁

用于屏蔽腾讯视频播放器烦人的视频广告. https://pan.baidu.com/s/1bzIdLO

charles工具过滤腾讯视频播放器广告

Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器,当程序连接Charles的代理访问互联网时,Charles可以监控这个程序发送和接收的所有数据.它允许一个开发者查看所有连接互联网的HTTP通信,这些包括request, response和HTTP headers (包含cookies与caching信息). Charles主要功能: 支持SSL代理.可以截取分析SSL的请求. 支持流量控制.可以模拟慢速网络以及等待时间(latency)较长的请求. 支持AJAX调试.可以

java平台利用jsoup开发包,抓取优酷视频播放地址与图片地址等信息。

/******************************************************************************************** * author:[email protected]大钟 * E-mail:[email protected] * http://blog.csdn.net/conowen * 注:本文为原创.仅作为学习交流使用,转载请标明作者及出处. *************************************

使用苹果原生视频播放器MPMoviePlayerController播放来自优酷等网页的视频

没有自己的流媒体服务器,又想在app中用原生视频播放器MPMoviePlayerController将视频插入到界面,在界面可以直接播放,或者全屏播放,可以通过以下方法实现 先创建原生播放器 _moviePlayer = [[MPMoviePlayerController alloc] init]; _moviePlayer.controlStyle = MPMovieControlStyleEmbedded; _moviePlayer.shouldAutoplay = NO; _moviePl

爱奇艺、优酷、腾讯视频竞品分析报告2016(二)

接上一篇<爱奇艺.优酷.腾讯视频竞品分析报告2016(一)> http://milkyqueen520.blog.51cto.com/11233158/1760192 2.4 产品设计与交互 2.4.1  视觉风格 APP设计风格从视觉效果上至少给用户传达了两个信息:一是APP的整体基调.二是APP的目标人群. 在设计风格表现上,颜色占据了80%以上的视觉体验.因此要做好设计风格,主要做好界面的颜色搭配和分布.另外颜色是有情感的,不同的色彩能给于用户不同的印象和感受,而且不同的人群对颜色偏好也

使用Vitamio打造自己的Android万能播放器(5)——在线播放(播放优酷视频)

前言 为了保证每周一篇的进度,又由于Vitamio新版本没有发布, 决定推迟本地播放的一些功能(截图.视频时间.尺寸等),跳过直接写在线播放部分的章节.从Vitamio的介绍可以看得出,其支持http.m3u8等多种网络协议,本章将编写播放优酷视频的例子. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Android万能播放器(1)——准备 2

爱奇艺、优酷、腾讯视频竞品分析报告2016(一)

1 背景 1.1 行业背景 1.1.1 移动端网民规模过半,使用时长份额超PC端 2016年1月22日,中国互联网络信息中心 (CNNIC)发布第37次<中国互联网络发展状况统计报告>,报告显示,网民的上网设备正在向手机端集中,手机成为拉动网民规模增长的主要因素.截至2015年12月,我国手机网民规模达6.20亿,有90.1%的网民通过手机上网. 图 1  2013Q1~2015Q3在线视频移动端和PC端有效使用时长份额对比 根据艾瑞网民行为监测系统iUserTracker及mUserTrac