Android webview无法渲染通过iframe嵌入的youtube视频

这是关于在 Web 视图中使用最新的嵌入格式（iframe）加载 YouTube 视频。

iframe 嵌入格式示例

<iframe width="637" height="358" src="http://www.youtube.com/embed/olC42gO-Ln4?fs=1&amp;feature=oembed" frameborder="0" allowfullscreen=""></iframe>

在 Android 2.3.3 和 3.2 设备（HTC Desire 和 Asus Transformer）上测试代码，网页视图只会显示一个黑色矩形。

我尝试了来自 vimeo 的类似嵌入

<iframe src="http://player.vimeo.com/video/35693267" width="640" height="360" frameborder="0"></iframe>

2.3中，视频正常播放
3.2中，一个黑色矩形一闪就消失了，iframe区域一片空白。

最后，如果使用旧的嵌入格式（使用对象标签），视频将在 2.3.3 和 3.2 中的 webview 中正确显示。

我检查了相关问题并添加了

android:hardwareAccelerated="true"

在应用程序和/或活动标签中，但在 2.3 和 3.2 设备中仍然没有视频。

这是一个大问题，因为现在越来越多的网站使用最新的格式（iframe）来嵌入 YouTube 视频。 Android/Youtube 团队，请看一下这个问题。

如果您想在您的电脑上播放视频WebView您需要使用基本 URL 加载数据！

DONT做这个：

mContentWebView.loadDataWithBaseURL(null, webViewContentString,
            "text/html", "UTF-8", null);

改为这样做:

    //veryVeryVery important for playing the videos!
    mContentWebView.loadDataWithBaseURL(theBaseUrl, webViewConentString,
            "text/html", "UTF-8", null);

基本 URL 将类似于您在您的页面中显示的内容的“原始”URLWebView。假设您正在开发一个新闻阅读器WebView's基本 url 将是原始故事的 url。

祝你好运！

还记得设置你的 WebView...像这样...

    mContentWebView.setWebChromeClient(new WebChromeClient());
    mContentWebView.getSettings().setPluginState(WebSettings.PluginState.ON);
    mContentWebView.getSettings().setPluginState(WebSettings.PluginState.ON_DEMAND);
    mContentWebView.setWebViewClient(new WebViewClient());
    mContentWebView.getSettings().setJavaScriptEnabled(true);

您需要在清单中打开硬件加速（仅适用于 SDK 14 及更高版本）。

前任。硬件加速开启：

<application
    android:name="com.example.app"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme"
    android:hardwareAccelerated="true">
<!-- hardwareAccelerated requires SDK 14 -->
...
</application>