各视频网站在Webview中接入用html代码示例长期更新

最新推荐文章于 2018-07-30 18:02:46 发布

WCG2018

最新推荐文章于 2018-07-30 18:02:46 发布

阅读量5.1k

点赞数 1

分类专栏： android 网页

本文链接：https://blog.csdn.net/WCG2018/article/details/41827279

版权

android 网页专栏收录该内容

4 篇文章 0 订阅

订阅专栏

我使用的测试机是Nexus5 android5.0，因为从4.4开始WebView内核从Webkit换成了Chromium，所以HTML里的embed标签会显示无法加载flash插件，这个问题在google论坛和stackoverflow游荡了好久没有解决，后来发现video标签是可以的.

<html>
 <body>
  <video src="你在本地服务器上上传的MP4/3GP文件"controls="controls"autoplay="autoplay" width="100%">
  </video>
 </body>
</html>

4.4以上系统版本视频自动播放需要加上，之前的版本可以用video标签，也可以用embed标签，但是不需要加下面的这段；

webView.setWebViewClient(new MyWebViewClient() {
 public void onPageFinished(WebView view, String url) {
  webView.loadUrl("javascript:(function() { var videos = document.getElementsByTagName('video'); for(var i=0;i<videos.length;i++){videos[i].play();}})()");}
});

其他视频网站在自己的开发者网站提供了一些API，奈何很多跟不上版本变化，或者变化太快网络上的一些方法已不适用，或者干脆试验不出来，现在整理一些研究出来可行的。

优酷
接入方法：使用div+script标签。

步骤：1.首先在优酷开发者中心注册，再添加你的移动应用生成一个client_id，每个client_id有效使用次数10W次；

2.从视频分享地址里解析出该视频对应的vid，然后添加到下面HTML代码里，比如http://player.youku.com/player.php/Type/Folder/Fid/23177637/Ob/1/sid/XODQ1MDA2MDY4/v.swf 这里XODQ1MDA2MDY4即为vid。

     <html>
      <body>
       <div id='youkuplayer' style='width:50%;height:50%'>
 <span style="white-space:pre">	</span><script type='text/javascript' src='http://player.youku.com/jsapi'>
  <span style="white-space:pre">	</span>   player = new YKU.Player('youkuplayer',{styleid: '0',client_id: '您申请的client_id',vid: 'XODQ1MDA2MDY4',autoplay: true,embsig: 'VERSION_TIMESTAMP_SIGNATURE'});
        </script>
       </div>
      </body>
     </html>

土豆
接入方法：土豆很方便，直接复制分享里的通用代码到HTML就可以播放
html示例：

<html>
 <body>
  <iframe src="http://www.tudou.com/programs/view/html5embed.action?code=kbPzDzCIeBE&autoPlay=false&playType=AUTO" width="50%" height="50%" frameborder="0" scrolling="no">
  </iframe>
 </body>
</html>

新浪
接入方法：video标签这是爱问分享的地址这里修正下

<html>
 <body> 
  <video src="http://v.iask.com/v_play_ipad.php?vid=106974538" controls="controls" width="100%">[video:sn106977013:size:320x180]
  </video>
 </body>
</html>

腾讯
接入方法：iframe标签，使用方法同土豆，复制分享里的通用代码

<html>
 <body> 
  <iframe frameborder=0 src=\"http://v.qq.com/iframe/player.html?vid=l0015mzb2ic&tiny=0&auto=0\" allowfullscreen>
  </iframe>
 </body>
</html>

56网
接入方法：iframe标签，使用方法同土豆，复制分享里的iframe代码

<html>
 <body>
  <iframe src="http://www.56.com/iframe/MTMyMTg2MTIw" width="320" height="270" frameborder="0" allowfullscreen="">
  </iframe>
 </body>
</html>

酷6 http://dev.ku6.com/?q=node/5 酷6给的API没有实验成功，那位朋友有经验可以跟帖实验
搜狐 http://open.sohu.com/wiki/api/v_upload_add.html 没有提供播放视频接入，其他标签试了也不行