在 Android 应用中嵌入 YouTube HTML5 的问题答案

【问题标题】：Issue embedding YouTube HTML5 in Android App在 Android 应用中嵌入 YouTube HTML5 的问题
【发布时间】：2013-02-03 14:19:31
【问题描述】：

所以我今天在 SO 上进行了相当多的搜索，并取得了重大进展，但现在我遇到了一个我在任何地方都没有看到的问题。我已经使用 iframe 将 YouTube 视频嵌入到 HTML 文件中：

<body>
    <div align="center">
    <iframe class="youtube-player" type="text/html" width="480" height="320"
        src="http://www.youtube.com/embed/9DNAyD4ll6E?html5=1" frameborder="0">
    </div>
</body>

我在我的活动中修改的 WebView 中显示它，如下所示：

    WebView welcomeWebView = (WebView) findViewById(R.id.welcomeVideo);
    welcomeWebView.setHorizontalScrollBarEnabled(false);
    welcomeWebView.setVerticalScrollBarEnabled(false);
    welcomeWebView.getSettings().setJavaScriptEnabled(true);
    welcomeWebView.loadUrl("file:///android_asset/welcome.html");

我遇到的问题是出现了静止图像显示和控件，但是当我单击播放时，我看到的是一个灰色屏幕，其中有一个胶片和播放图标。这是点击播放之前/之后的屏幕截图

http://www.ptrprograms.com/youtubeapp.png
http://www.ptrprograms.com/youtubeapp2.png

如果有人以前看过此内容或可以为我指出正确的视频显示方向，我将不胜感激。谢谢！

编辑：我也知道我可以使用一个意图在 YouTube 应用中打开它，但我的客户（我将这个应用捐赠给的一个非营利组织）非常具体地希望它嵌入到一个页面中我们可以在其中有一个带有更多信息的文本视图。

【问题讨论】：

为什么不直接使用官方的 youtube android api？ developers.google.com/youtube/android/player

标签： android html youtube

【解决方案1】：

所以我放弃了 webview 的外部资源，而是决定将它加载到活动本身中，它似乎工作得更好（它实际上运行:)）

WebView webView = (WebView) findViewById(R.id.welcomeVideo);
    String play= "<html><body><div align=\"center\"> <iframe class=\"youtube-player\" type=\"text/html\" width=\"480\" height=\"320\" src=\"http://www.youtube.com/embed/9DNAyD4ll6E?rel=0\" frameborder=\"0\"></div></body></html>";
    webView.setWebChromeClient(new WebChromeClient() {
    });
    webView.getSettings().setJavaScriptEnabled(true);
    webView.loadData(play, "text/html", "utf-8");
    webView.setBackgroundColor(0x00000000);

【讨论】：