跳转播放短视频接口文档-夜雨聆风

跳转播放短视频接口文档

功能说明：

此接口用于未来集市APP端内WebView内嵌H5页面调用原生跳转功能使用，跳转视频。

接口说明：

请求方法（key）：

> jumpPage

请求参数（parameter）：

请求参数	参数类型	参数说明
router	String	路由：调用路径
params	String	参数：传递给原生APP使用的参数，JSON格式

返回值（result）：无

返回参数	参数类型	参数说明
无	无	无

举个栗子：

举个栗子（跳转视频）

//注：以下代码兼容ES5及以上connectWebViewJavascriptBridge(function(bridge) {    //关键核心代码    bridge.callHandler('jumpPage', {    router: "/ugc/play_list",      params: {"broweType": 3, //iOS端 此值必传 且必为3"currentIndex": 0, //当前点击播放的视频索引 从0开始"videoDataArray": [{ //视频列表数据"downloadUrl": "string", //短视频下载url"duration": 0, //视频时长 单位秒 范围5-60s"firstFrame": "string", //视频第一帧地址"id": "string",//视频id"sellerId": 0, //店铺id"shareNum": 0, //分享数"title": "string", //视频标题"videoProductIds": "id1,id2,...,idn", //视频关联商品IDs 中间逗号隔开"videoUrl": "string", //短视频播放url 源视频 mp4格式"shareInfo": { //分享信息 "title": "string",//分享标题"copywriter": "string", //描述"imageUrl": "string", //分享缩略图"link": "string" //分享链接          }         }]      }  });});//APP原生回调函数function connectWebViewJavascriptBridge(callback) {if(window.WebViewJavascriptBridge) {return callback(window.WebViewJavascriptBridge);  }  document.addEventListener('WebViewJavascriptBridgeReady',function(){return callback(window.WebViewJavascriptBridge);    },false  );if(window.WVJBCallbacks) {return window.WVJBCallbacks.push(callback);  }  window.WVJBCallbacks = [callback];  var WVJBIframe = document.createElement('iframe');  WVJBIframe.style.display = 'none';  WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';  document.documentElement.appendChild(WVJBIframe);  setTimeout(function() {    document.documentElement.removeChild(WVJBIframe);  }, 0);return 0;}

DEMO代码：

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">      .btn {        width: 200px;        height: 65px;        line-height: 65px;      }    </style>  </head>  <body>    <div class="app" id="app" v-cloak>      <center>        <button class="btn" onclick="jumpVideo()">跳转视频</button>      </center>    </div>  </body>  <script type="text/javascript">function jumpVideo() {      alert('跳转视频');            connectWebViewJavascriptBridge(function(bridge) {                //关键核心代码                bridge.callHandler('jumpPage', {                router: "/ugc/play_list",                  params: {"broweType": 3, //iOS端 此值必传 且必为3"currentIndex": 0, //当前点击播放的视频索引 从0开始"videoDataArray": [{ //视频列表数据"downloadUrl": "string", //短视频下载url"duration": 0, //视频时长 单位秒 范围5-60s"firstFrame": "string", //视频第一帧地址"id": "string",//视频id"sellerId": 0, //店铺id"shareNum": 0, //分享数"title": "string", //视频标题"videoProductIds": "id1,id2,...,idn", //视频关联商品IDs 中间逗号隔开"videoUrl": "string", //短视频播放url 源视频 mp4格式"shareInfo": { //分享信息 "title": "string",//分享标题"copywriter": "string", //描述"imageUrl": "string", //分享缩略图"link": "string" //分享链接                      }                     }]                  }              });            });    }    //APP原生回调函数function connectWebViewJavascriptBridge(callback) {if(window.WebViewJavascriptBridge) {return callback(window.WebViewJavascriptBridge);      }      document.addEventListener('WebViewJavascriptBridgeReady',function() {return callback(window.WebViewJavascriptBridge);        },false      );if(window.WVJBCallbacks) {return window.WVJBCallbacks.push(callback);      }      window.WVJBCallbacks = [callback];      var WVJBIframe = document.createElement('iframe');      WVJBIframe.style.display = 'none';      WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';      document.documentElement.appendChild(WVJBIframe);      setTimeout(function() {        document.documentElement.removeChild(WVJBIframe);      }, 0);return 0;    }  </script></html>