Android Webview播放HTML5 video的一个思路
16lz
2021-01-23
使用Android本身的播放器播放:
//html
<video autoplay="autoplay" controls="controls" id="youku-html5-player-video" onclick="playVideo('http://v.youku.com/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8');" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8" width="100%" x-webkit-airplay="allow">
Your browser does not support the video tag.</video>
<script>
function playVideo(video){
window.JSInterface.startVideo(video);
}
</script>
//java
JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");
public class JavaScriptInterface {
private Activity activity;
public JavaScriptInterface(Activity activiy) {
this.activity = activiy;
}
public void startVideo(String videoAddress){
//调用播放器(这里看你自己怎么写了)
Bundle bundle = new Bundle();
bundle.putString("path", address);
MyIntent.startIntent(WebViewActivity.this, MyIntent.VIDEO, bundle);
}
//html
<video autoplay="autoplay" controls="controls" id="youku-html5-player-video" onclick="playVideo('http://v.youku.com/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8');" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XNDE4NjIwOTI0/type//video.m3u8" width="100%" x-webkit-airplay="allow">
Your browser does not support the video tag.</video>
<script>
function playVideo(video){
window.JSInterface.startVideo(video);
}
</script>
//java
JavaScriptInterface jsInterface = new JavaScriptInterface(this);
webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(jsInterface, "JSInterface");
public class JavaScriptInterface {
private Activity activity;
public JavaScriptInterface(Activity activiy) {
this.activity = activiy;
}
public void startVideo(String videoAddress){
//调用播放器(这里看你自己怎么写了)
Bundle bundle = new Bundle();
bundle.putString("path", address);
MyIntent.startIntent(WebViewActivity.this, MyIntent.VIDEO, bundle);
}
}
原文链接:http://topic.csdn.net/u/20120613/10/3224a610-2c14-4131-b0e1-4c5f3b74a8cf.html第9楼的回复中
更多相关文章
- Android:使用JDBC链接MySQL数据库
- TextView显示链接
- android点击邮箱链接跳转发送
- android 学习链接大集合
- Android的ContextMenu(上下文菜单)知识链接汇总
- android browser 的几个小feature (一) 链接保存书签
- Android 实现TextView中 文字链接的方式
- Android 实现TextView中文字链接的方式