iOS应用中WKWebView无法加载YouTube视频问题求助

以下是针对你遇到的白屏问题的排查和修复方案：

1. 配置App Transport Security (ATS) #

即使YouTube使用HTTPS，WKWebView加载嵌入内容时可能涉及第三方资源加载，需在Info.plist中添加配置，允许WebView的灵活加载策略：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoadsInWebContent</key>
    <true/>
</dict>

该设置仅对WKWebView生效，不会影响App的其他网络请求，避免ATS拦截嵌入内容的资源加载。

2. 为WKWebView添加导航代理排查错误 #

修改YouTubeView，添加导航代理捕获加载失败信息，同时优化布局适配和重复加载逻辑：

struct YouTubeView: UIViewRepresentable {
    let videoID: String

    class Coordinator: NSObject, WKNavigationDelegate {
        func webView(_ webView: WKWebView, didFail navigation: WKNavigation!, withError error: Error) {
            print("YouTube加载失败: \(error.localizedDescription)")
        }
        
        func webView(_ webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: Error) {
            print("YouTube预加载失败: \(error.localizedDescription)")
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }

    func makeUIView(context: Context) -> WKWebView {
        let configuration = WKWebViewConfiguration()
        configuration.allowsInlineMediaPlayback = true
        if #available(iOS 10.0, *) {
            configuration.mediaTypesRequiringUserActionForPlayback = []
        } else {
            configuration.requiresUserActionForMediaPlayback = false
        }
        let webView = WKWebView(frame: .zero, configuration: configuration)
        webView.scrollView.isScrollEnabled = false
        webView.navigationDelegate = context.coordinator
        webView.translatesAutoresizingMaskIntoConstraints = false
        return webView
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        let embedURLString = "https://www.youtube.com/embed/\(videoID)?playsinline=1&enablejsapi=1"
        guard let url = URL(string: embedURLString) else {
            print("无效的YouTube视频ID: \(videoID)")
            return
        }
        // 避免重复加载相同URL
        if uiView.url?.absoluteString != embedURLString {
            let request = URLRequest(url: url)
            uiView.load(request)
        }
    }
}

• 通过代理打印错误日志，快速定位加载失败原因
• 设置translatesAutoresizingMaskIntoConstraints = false，让WebView更好适配SwiftUI布局
• 增加URL重复加载判断，避免不必要的网络请求

3. 验证视频ID有效性 #

确保video.youtubeID是纯视频ID（如dQw4w9WgXcQ），而非完整的YouTube链接。可在updateUIView中添加打印确认：

print("当前加载的视频ID: \(videoID)")

4. 优化SwiftUI布局约束 #

为YouTubeView设置合理的宽高比，保证播放器内容可见：

YouTubeView(videoID: video.youtubeID)
    .aspectRatio(16/9, contentMode: .fit)
    .frame(height: 200)

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