我正在尝试创建一个应用程序来显示带有嵌入式 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,上述建议似乎就有效。有谁知道为什么这不允许视频显示?第二个问题是有时当“页面”加载时一切看起来都很棒,而有时内容真的很大并且图像离开了屏幕的一侧。似乎它可能与旋转和缩放或初始化有关,因为如果我旋转到横向并返回到纵向,图像似乎会自行纠正。请参阅下面的图片。