好友团

24小时服务电话

134-2860-6060

查看: 850|回复: 0

[综合教程] 使用Video++播放器整合我自己的解析接口的方法

[复制链接]
发表于 2017-5-16 21:56:41 | 显示全部楼层 |阅读模式
填写您的邮件地址,订阅我们的精彩内容:
[受理编号:SL-2529]
填写您的邮件地址,订阅我们的精彩内容:
搞了一个教程,也就是如何整合Video 的播放器,目前感觉Video 播放器的功能不错,但是就是支持的解析不是很多,所以想了个办法~

就是在不舍弃Video 播放器的各项功能的同时,使用自己稳定的解析接口~
上测试图:





下来是教程:




  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4.     <title>Ourder Video Player</title>
  5. </head>
  6. <body style="margin:0;"  oncontextmenu="self.event.returnValue=false">
  7.         <script>
  8.         var isIE = window.ActiveXObject ? true : false;
  9.         
  10.         if(isIE){
  11.                 document.write('<script src="/ckparse/ckplayer.js"></' 'script>');
  12.         }else{
  13.                 document.write('<script src="//cytroncdn.videojj.com/latest/Iva.js"></' 'script>');
  14.         }
  15.         </script>
  16.     <div id="player"></div>
  17.     <script>
  18.         function param(name){
  19.                 var match = new RegExp(name "=([^&] )").exec(location.href);
  20.                 return match ? match[1] : null;
  21.         }
  22.         
  23.         var ua = navigator.userAgent,
  24.                 isandroid = ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1,
  25.                 isiPhone = ua.indexOf('iPhone') > -1,
  26.                 isiPad = ua.indexOf('iPad') > -1,
  27.                 ismobile = isandroid||isiPhone||isiPad,
  28.                 isweixin = ua.indexOf('MicroMessenger') > -1;
  29.         
  30.         var id = param('id'),
  31.                 isCid = id.charAt(0).toUpperCase()=='C' && id[id.length-1] == '=',
  32.                 defaultType = isCid ? 'mp4' : 'm3u8',
  33.                 type = param('type') || defaultType,
  34.                 videofile = 'https://xxx.xxx.com/index.php?vid=' id ''   (你的解析接口)
  35.         if(ismobile){
  36.                 document.getElementById('player').innerHTML = '<video width="100%" height="100%" controls="controls" loop="loop"' (isweixin ?  'autoplay="autoplay"' : '') ' x-webkit-airplay="allow"><source src="' videofile '" type="video/mp4" /></video>';
  37.         }else if(isIE){
  38.                 var flashvars = {
  39.                         f: videofile,
  40.                         c:0,
  41.                         p:1
  42.                 };
  43.                
  44.         var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always', wmode: 'transparent' };
  45.         CKobject.embedSWF('/ckparse/ckplayer.swf', 'player', 'ckplayer_a1', '100%', param('h') || '400', flashvars, params);
  46.         }else{
  47.                 var ivaInstance = new Iva(
  48.                  'player',{
  49.                    appkey: 'VJXECXSi', (你的密钥)
  50.                    video: videofile,
  51.                    autoFormat: true
  52.                  }
  53.                 );
  54.         }
  55.     </script>
  56. </body>
  57. </html>
复制代码
已整合好的文件:


video_player.rar   

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复
〖销售站〗一站式品质服务平台. 一体化商城系统.【www.xiaoshouzhan.com】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

销售站-一体化商城系统!
 
 
Q Q|技术部
销售|销售部
客服|销售站实体店
分流|销售站实体店
视频解析群:
好记吧
产品售后群:
站长源码(交易平台)
域名拍卖群:
域名拍卖群
产品维权群:
藤县站
微信客服中心:
/images/niwota00000000300.jpg
工作时间:
8:00-18:00
 
版权所有:好友团

QQ|关于我们|手机版|( 桂ICP备19008987号|网站地图  | Sponsor: Friends group