SwiftUI视频播放器控制面板在多视频场景下消失问题

1. 资源过载：提前创建大量AVPlayer实例会占用系统音视频资源，当数量超过系统隐性阈值（此处为5）时，后续播放器的控制面板组件无法正常初始化渲染。
2. 视图复用异常：使用数组索引作为ForEach的id，TabView的页面预加载机制会导致视图复用混乱，播放器状态无法正确绑定到当前显示的页面，进而引发控件失效。

方案1：复用单个AVPlayer实例（资源占用最优） #

通过维护单个播放器实例，切换页面时替换播放的视频URL，避免创建过多播放器占用资源，同时使用稳定的Identifiable数据结构避免视图复用问题。

import SwiftUI
import AVKit

struct VideoItem: Identifiable {
    let id = UUID()
    let url: URL
}

struct ContentView: View {
    // 存储视频URL，而非提前创建AVPlayer
    let videos: [VideoItem] = Array(repeating: 
        VideoItem(url: URL(string: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4")!), 
        count: 10
    )
    
    @State private var currentPlayer: AVPlayer?
    
    var body: some View {
        TabView {
            ForEach(videos) { video in
                VideoPlayer(player: playerForVideo(video))
                    .frame(width: 400, height: 300)
                    .clipped()
                    .onAppear {
                        currentPlayer?.play()
                    }
                    .onDisappear {
                        currentPlayer?.pause()
                        currentPlayer?.seek(to: .zero)
                    }
            }
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
        .indexViewStyle(.page(backgroundDisplayMode: .interactive))
    }
    
    // 根据当前视频复用或创建播放器
    private func playerForVideo(_ video: VideoItem) -> AVPlayer {
        if let player = currentPlayer, 
           let asset = player.currentItem?.asset as? AVURLAsset, 
           asset.url == video.url {
            return player
        }
        let newPlayer = AVPlayer(url: video.url)
        currentPlayer = newPlayer
        return newPlayer
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

方案2：独立管理每个页面的播放器（状态更独立） #

将每个视频播放器封装为独立视图，仅在页面显示时创建播放器，消失时释放资源，确保每个页面的播放器状态独立，同时使用Identifiable避免索引导致的复用问题。

import SwiftUI
import AVKit

struct VideoItem: Identifiable {
    let id = UUID()
    let url: URL
}

struct VideoPlayerView: View {
    let video: VideoItem
    @State private var player: AVPlayer?
    
    var body: some View {
        VideoPlayer(player: player)
            .frame(width: 400, height: 300)
            .clipped()
            .onAppear {
                player = AVPlayer(url: video.url)
                player?.play()
            }
            .onDisappear {
                player?.pause()
                player = nil // 及时释放资源
            }
    }
}

struct ContentView: View {
    let videos: [VideoItem] = Array(repeating: 
        VideoItem(url: URL(string: "https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4")!), 
        count: 10
    )
    
    var body: some View {
        TabView {
            ForEach(videos) { video in
                VideoPlayerView(video: video)
            }
        }
        .tabViewStyle(.page(indexDisplayMode: .never))
        .indexViewStyle(.page(backgroundDisplayMode: .interactive))
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

• 使用Identifiable协议为每个视频提供唯一稳定的id，避免TabView视图复用时的状态混乱。
• 避免提前初始化所有AVPlayer实例，改为按需创建/复用，减少系统资源占用。
• 在页面消失时暂停播放器并释放资源（方案2），或重置播放位置（方案1），确保播放器状态正确。

内容的提问来源于stack exchange，提问作者Олег Мосейко