Android WebView 响应式 Youtube 不播放答案

【问题标题】：Android WebView Responsive Youtube not playingAndroid WebView 响应式 Youtube 不播放
【发布时间】：2017-10-10 16:20:44
【问题描述】：

我有一个非常基本的 WebActivity，它提供了一个样式为

的页面

CSS

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Next, edit add some HTML around your embed code.
HTML

<div class="video-container"><iframe width="853" height="480" src="https://www.youtube.com/embed/xxxxxx" frameborder="0" allowfullscreen</iframe</div>

如果我使用设备上的浏览器查看此页面，页面会加载并且视频播放正常。

但是，如果我使用编程到我的应用程序中的 webview，并加载页面，单击类似，我会在 youtube 视频窗口（加载微调器之后）上收到一条消息“发生错误。请稍后再试（播放 ID：xxxxxx) 了解更多"

其中的 learn more 不会显示任何有用的信息。关于如何去看看发生了什么的想法？ Android Studio logcat 没有显示任何问题？

【问题讨论】：

任何人都知道我可以尝试进行任何调试以了解 YouTube JS 报告“发生错误”的原因吗？
如何加载 iframe？在 HTML 文件中？
是来自 HTML 文件。

标签： android android-webview android-youtube-api

【解决方案1】：

事实证明，播放来自 YouTube 的嵌入 iframe 视频还需要更多参数。

必须将以下内容添加到 url 字符串的末尾

src="https://www.youtube.com/embed/xxxxxxxxx?version=3&enablejsapi=1"

【讨论】：

【解决方案2】：

我已经为它创建了一个演示。你可以访问我的githublink

【讨论】：