3

我正在尝试创建一个应用程序来显示带有嵌入式 iframe 的 WebView,该 iframe 将显示 Vimeo 视频。当我加载 WebView 时,iframe 只是一个黑框,当我单击它时不会显示视频或执行任何操作。

mWebView = (WebView)v.findViewById(R.id.webView);
mWebView.getSettings().setAllowFileAccess(true);
mWebView.getSettings().setBuiltInZoomControls(true);
mWebView.getSettings().setSupportZoom(true); 
mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

mWebView.getSettings().setSaveFormData(true);
mWebView.getSettings().setJavaScriptEnabled(true);

String data = new String("<html xmlns='http://www.w3.org/1999/xhtml' xmlns:fb='http://ogp.me/ns/fb#'><head>" +
"<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />" +
"<title>Northern African and Middle Eastern Peoples </title>" +
"<link rel='stylesheet' href='./style.css' type='text/css' media='screen' /></head><body>" +
"<div id='content'><div class='post'>" + 

"<iframe style='margin-top:10px; margin-bottom:10px;' src=http://player.vimeo.com/video/" + mRssVideoItem.getVimeoId() + "?title=0&byline=0&portrait=0' width='880' height='497' frameborder='0'>" +
"</iframe><h1>" + mRssVideoItem.getTitle() + "</h1><div class='timestamp'>" + formattedDate + "</div>" + mRssVideoItem.getDescription() + "</div></div></body></html>"); 

mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    return false;
}
});
mWebView.loadDataWithBaseURL("file:///android_asset/.", data, "text/html", "UTF-8", null);

我已经搜索了几天,找不到任何有帮助的东西。

更新: 我仍在为此苦苦挣扎。我有一些不同的事情正在发生,我不太明白。首先,我认为我使用下面的建议让 Vimeo 视频正常工作。但是,我今天回到该项目,只是看到一个黑匣子。另一个问题是视图的“缩放”。有时当我加载视频时,整个视图会出现在屏幕上。其他时候就像图像被放大了,文字比我想象的要大得多。当我改变设备的旋转时,它似乎也发生了变化。下面是我与 loadDataWithBaseURL 一起使用的 HTML。

http://www.w3.org/1999/xhtml' xmlns:fb=' http://ogp.me/ns/fb# '>北非和中东人民

除了上帝没有人

2013 年 5 月 14 日,一位年轻的叙利亚父亲分享了他的家人逃离叙利亚内战的故事,以及他们在约旦寻找新生活的艰难历程。


只要我不将 WebSettings LayoutAlgorithm 更改为 NARROW_COLUMNS,上述建议似乎就有效。有谁知道为什么这不允许视频显示?第二个问题是有时当“页面”加载时一切看起来都很棒,而有时内容真的很大并且图像离开了屏幕的一侧。似乎它可能与旋转和缩放或初始化有关,因为如果我旋转到横向并返回到纵向,图像似乎会自行纠正。请参阅下面的图片。

好形象

坏形象

4

1 回答 1

0

几天前,我实际上找到了一种在 webview 中播放 vimeo 视频的方法。你可以在这里查看代码。它利用了这个其他项目中的 HTML5WebView。

但是 HTML5WebView 只是一个常规 WebView 的包装器,专门调整播放视频。具体来说,您需要:

1- 打开 Javascript 2- 实现一个扩展 WebChromeClient 的类并实现 onShowCustomView 和 onHideCustomView 方法。

我现在的问题与抓取视频全屏时看到的那些控件有关。如果您或其他人设法做到这一点,我们将不胜感激。

尼尔森

于 2013-09-02T20:58:40.973 回答