我碰到过不少类似的问题，你现在遇到的Android WebView加载含YouTube iframe的HTML无法显示、播放视频，但iOS端正常的情况，大概率是配置细节或者URL格式出了问题，下面是几个亲测有效的修复步骤：

1. 先修正YouTube iframe的URL格式 #

你提供的iframe src里的YouTube编码URL有错误：http%3A%2F%2Fwww.youtube.com%embed%3Fv%3DRi7-vnrJD3k，这里的%embed应该是%2Fembed，正确的编码后URL应为http%3A%2F%2Fwww.youtube.com%2Fembed%3Fv%3DRi7-vnrJD3k。错误的URL会直接导致iframe无法正确拉取视频资源，这很可能是核心问题。

2. 补全WebView的关键配置 #

除了你已经开启的JavaScript相关设置，还需要添加这些对视频播放至关重要的配置：

// 开启硬件加速，视频播放依赖这个
wbFulltext.setLayerType(View.LAYER_TYPE_HARDWARE, null);

// 启用媒体播放相关权限与特性
wbFulltext.getSettings().setMediaPlaybackRequiresUserGesture(false);
wbFulltext.getSettings().setAllowFileAccess(true);
wbFulltext.getSettings().setAllowContentAccess(true);
wbFulltext.getSettings().setDomStorageEnabled(true); // 很多嵌入视频依赖DOM存储
wbFulltext.getSettings().setLoadWithOverviewMode(true);
wbFulltext.getSettings().setUseWideViewPort(true);

3. 换用更可靠的HTML加载方式 #

loadData方法在处理包含外部资源（比如iframe）的HTML时容易出问题，推荐用loadDataWithBaseURL并指定一个有效的基础URL（比如YouTube的域名），而不是传null：

String baseUrl = "https://www.youtube.com/";
wbFulltext.loadDataWithBaseURL(baseUrl, data, "text/html", "UTF-8", null);

这样WebView能正确解析iframe里的跨域请求和资源路径。

4. 可选：完善WebChromeClient的全屏回调 #

如果需要支持视频全屏播放，可以扩展WebChromeClient来处理相关事件：

wbFulltext.setWebChromeClient(new WebChromeClient() {
    @Override
    public void onShowCustomView(View view, CustomViewCallback callback) {
        // 这里可以实现切换到全屏布局的逻辑
        super.onShowCustomView(view, callback);
    }

    @Override
    public void onHideCustomView() {
        // 退出全屏的恢复逻辑
        super.onHideCustomView();
    }
});

5. 确保Manifest里的权限正确 #

别忘了在AndroidManifest.xml中添加网络权限，没有它WebView连外部资源都加载不了：

<uses-permission android:name="android.permission.INTERNET" />

按这些步骤调整后，你的WebView应该就能正常加载并播放YouTube嵌入视频了。

内容的提问来源于stack exchange，提问作者Abhishek Bansal