优酷,迅雷视屏播放接口

Posted 2020-09-26 leayrainy

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