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

我使用的测试机是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 没有提供播放视频接入,其他标签试了也不行
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值