如何在SwiftUI中设置VideoPlayer的内容模式以填充指定帧？

可以实现类似Image的.aspectRatio(contentMode: .fill)效果，不过SwiftUI原生的VideoPlayer没有直接提供这个API，需要通过包装AVPlayerLayer来控制视频的缩放行为。

实现方案 #

1. 自定义UIViewRepresentable封装AVPlayerLayer，暴露视频缩放配置项：

import SwiftUI
import AVKit

struct CustomVideoPlayer: UIViewRepresentable {
    let player: AVPlayer?
    let videoGravity: AVLayerVideoGravity
    
    func makeUIView(context: Context) -> UIView {
        let view = UIView(frame: .zero)
        let playerLayer = AVPlayerLayer()
        playerLayer.player = player
        playerLayer.videoGravity = videoGravity
        view.layer.addSublayer(playerLayer)
        return view
    }
    
    func updateUIView(_ uiView: UIView, context: Context) {
        guard let playerLayer = uiView.layer.sublayers?.first as? AVPlayerLayer else { return }
        playerLayer.player = player
        playerLayer.videoGravity = videoGravity
        playerLayer.frame = uiView.bounds
    }
}

2. 在SwiftUI视图中复用这个自定义播放器，实现和示例Image一致的填充+裁剪效果：

struct ContentView: View {
    private let player = AVPlayer(url: URL(string: "https://example.com/your-video.mp4")!)
    
    var body: some View {
        VStack {
            // 视频播放器：填充模式+裁剪
            CustomVideoPlayer(player: player, videoGravity: .resizeAspectFill)
                .frame(width: 40, height: 100)
                .clipped()
            
            // 对比用的Image示例
            Image(systemName: "globe")
                .resizable()
                .aspectRatio(contentMode: .fill)
                .frame(width: 40, height: 100)
                .clipped()
        }
        .onAppear {
            player.play()
        }
    }
}

关键说明 #

• AVLayerVideoGravity.resizeAspectFill对应Image的.fill模式，保持视频比例并填充容器，超出部分被裁剪；
• 若需要适配.fit模式，替换为AVLayerVideoGravity.resizeAspect即可；
• 自定义播放器中需在updateUIView里同步layer尺寸，确保视频匹配SwiftUI设置的frame。

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