3

我正在尝试显示嵌入在 Android 中的 WebView 中的 YouTube 剪辑，其 Web 视图的大小为 640x360 dip 并位于平板电脑屏幕的中心。我已经设法做到了，但是 YouTube 剪辑似乎被切断了，并且显示了白色背景，如下面的屏幕截图所示：

截屏

这是Java代码：

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class VideoWebViewActivity extends Activity {


    private static final int VIDEO_WIDTH = 640; 
    private static final int VIDEO_HEIGHT = 360;
    private WebView webView;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        webView = (WebView) findViewById(R.id.weblink_webview);

        webView.getSettings().setPluginsEnabled(true);
        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebChromeClient(new WebChromeClient());

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onReceivedError(final WebView view, final int errorCode, final String description, final String failingUrl) {
            }

            @Override
            public boolean shouldOverrideUrlLoading(final WebView view, final String url) {
                view.loadUrl(url);
                return true;
            }

            @Override
            public void onLoadResource(WebView view, String url) {
                super.onLoadResource(view, url);

            }

            @Override
            public void onPageFinished(WebView view, String url) {

            }
        });

        String youtubeUrl = "http://www.youtube.com/embed/O1N2rENXq_Y";

        String embedCode = "<!DOCTYPE html><html><head>" + " <style type=\"text/css\"> body { background-color: transparent; padding:0; margin:0; }</style>"
                        + "</head><body><div align=\"center\"><iframe align=\"middle\" width=\"" + (VIDEO_WIDTH) + "\" height=\""
                        + (VIDEO_HEIGHT) + "\" src=\"" + youtubeUrl
                        + "\" frameborder=\"0\" allowfullscreen></iframe></div></body></html>";


        webView.loadData(embedCode, "text/html", null);
    }

    @Override
    public void onDestroy() {
        if (webView != null) {
            webView.destroy();
        }
        super.onDestroy();
    }
}

这是布局xml：

<?xml version="1.0" encoding="UTF-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/weblink"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:visibility="visible" >


    <WebView
        android:id="@+id/weblink_webview"
        android:layout_width="640dip"
        android:layout_height="wrap_content"
         />

</RelativeLayout>

编辑：最奇怪的是，在带有 Android 3.2 的 7 英寸平板电脑上它工作正常，但是在带有 4.0.3 (ICS) 的 10 英寸平板电脑上，它看起来像在屏幕截图中。10 英寸平板电脑上的同样问题使用蜂窝 3.1。这让我相信 Web 视图本身存在某种设置/问题，导致了这种行为。

编辑 2：在尝试各种想法来解决问题时，我们注意到剪辑右侧的白色矩形的大小似乎与您添加到 Web 视图的左边距量直接相关。例如，如果我们放弃使视图居中并添加 100dip 边距，我们将在剪辑右侧获得大约 100dip 宽的白色条带。

欢迎任何建议。

谢谢，

米海

4

1 回答 1

0

这篇文章有点旧，但如果您仍在寻找解决方案：

ICS 上的 Webview 非常错误，您的问题与带有左边距的 WebView 中的谷歌地图相同。

为了解决这个问题，在清单中，我改变了

<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="15" />

经过

<uses-sdk android:minSdkVersion="8" android:targetSdkVersion="11" />

这允许不激活 ICS 的新功能并解决问题

干杯

于 2012-06-28T14:48:30.550 回答