Swift中WebView无播放器播放视频及WebKit静态显示视频防录屏技术问询

问题1：Swift开发中，WebView内不借助播放器能否实现视频播放？ #

绝对可以！WKWebView本身就内置了对HTML5 <video>标签的支持，完全不需要额外集成AVPlayer或者第三方播放器。只要你加载的网页里包含标准的HTML5视频元素，WKWebView会自动调用系统原生的播放组件来处理，自带播放控制（如果加了controls属性），上手非常简单。

举个实际项目里常用的示例，加载包含视频的本地HTML：

import WebKit

class VideoWebViewController: UIViewController, WKUIDelegate {
    private var webView: WKWebView!

    override func loadView() {
        let config = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: config)
        webView.uiDelegate = self
        view = webView
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 嵌入HTML5视频的页面内容
        let htmlContent = """
        <html>
            <body style="margin:0;">
                <video width="100%" height="auto" controls>
                    <source src="https://your-domain.com/video.mp4" type="video/mp4">
                    你的浏览器不支持视频播放
                </video>
            </body>
        </html>
        """
        webView.loadHTMLString(htmlContent, baseURL: nil)
    }
}

这段代码里，WKWebView会自动渲染<video>标签，用户能直接在WebView里播放、暂停视频，全程不需要你在Swift层做任何播放器相关的初始化操作。

问题2：如何在WebKit中仅显示视频画面不播放，防止屏幕录制？ #

这个需求的核心是让视频处于完全静止状态，同时尽可能降低录屏风险，这里分享两个实用方案：

方案1：通过JS控制视频加载后立即暂停 #

利用WKWebView的JS交互能力，在视频首帧加载完成后立刻暂停播放，这样WebView里显示的就是视频的第一帧静态画面：

// 在加载HTML之后，注入JS代码
webView.evaluateJavaScript("""
    const video = document.querySelector('video');
    video.addEventListener('loadeddata', () => {
        video.pause();
        // 可选：隐藏播放控件，让画面更像静态图
        video.removeAttribute('controls');
    });
""") { result, error in
    if let err = error {
        print("JS执行失败: \(err.localizedDescription)")
    }
}

这种方法的好处是保留了<video>标签，但用户无法触发播放，画面始终是静止的。

方案2：直接截取视频帧作为图片显示（更安全） #

如果担心录屏工具仍能识别到视频元素，更彻底的办法是先通过AVFoundation截取视频的指定帧，把它转成图片嵌入HTML，这样WebView里显示的就是普通图片，完全和视频播放无关。

Swift代码截取视频帧：

import AVFoundation

func fetchVideoThumbnail(videoURL: URL) -> UIImage? {
    let asset = AVAsset(url: videoURL)
    let generator = AVAssetImageGenerator(asset: asset)
    generator.appliesPreferredTrackTransform = true // 保持视频的正确方向
    
    do {
        // 截取第1秒的帧，你也可以换成其他时间点
        let cgImage = try generator.copyCGImage(at: CMTime(seconds: 1, preferredTimescale: 60), actualTime: nil)
        return UIImage(cgImage: cgImage)
    } catch {
        print("截取帧失败: \(error.localizedDescription)")
        return nil
    }
}

然后把图片转成Base64嵌入HTML：

if let videoURL = URL(string: "https://your-domain.com/video.mp4"),
   let thumbnail = fetchVideoThumbnail(videoURL: videoURL),
   let imageData = thumbnail.jpegData(compressionQuality: 0.8),
   let base64Str = imageData.base64EncodedString(options: .lineLength64Characters) {
    
    let imageHTML = """
    <html>
        <body style="margin:0;">
            <img src="data:image/jpeg;base64,\(base64Str)" width="100%" height="auto">
        </body>
    </html>
    """
    webView.loadHTMLString(imageHTML, baseURL: nil)
}

额外防录屏补充 #

苹果系统提供了原生的录屏检测API，你可以监听系统通知，在检测到录屏时做隐藏或警告处理：

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    NotificationCenter.default.addObserver(
        self,
        selector: #selector(onScreenCaptureChanged),
        name: UIScreen.capturedDidChangeNotification,
        object: nil
    )
}

@objc private func onScreenCaptureChanged() {
    if UIScreen.main.isCaptured {
        // 检测到录屏，隐藏WebView或弹出警告
        webView.isHidden = true
        let alert = UIAlertController(title: "提示", message: "当前禁止屏幕录制", preferredStyle: .alert)
        alert.addAction(UIAlertAction(title: "知道了", style: .default))
        present(alert, animated: true)
    } else {
        // 恢复显示
        webView.isHidden = false
    }
}

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    NotificationCenter.default.removeObserver(self, name: UIScreen.capturedDidChangeNotification, object: nil)
}

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