切换TabBar控制器时如何停止视频播放？Instagram克隆教程问题

Hey there, I’ve dealt with this exact issue when building media-heavy table views—nothing’s more annoying than audio playing in the background when you’ve switched tabs! Let’s walk through a couple of straightforward ways to stop that video when your TableViewController disappears.

Option 1: Track the Current Playing Cell/Player #

The cleanest approach is to keep a reference to the cell (or its video player) that’s currently playing in your TableViewController. Here’s how to set this up:

1. Add a tracking property to your VC
   In your TableViewController class, add a variable to hold the active video cell or player:

   // If you want to track the whole cell
   var currentPlayingVideoCell: CustomVideoCell?
   // OR if you just need the player
   var currentActivePlayer: AVPlayer?
   

2. Update the reference when playback starts
   In your cellForRowAt method (or wherever you trigger video playback, like a play button tap), update this reference and pause any previous playback:

   func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
       let cell = tableView.dequeueReusableCell(withIdentifier: "VideoCell", for: indexPath) as! CustomVideoCell
       
       // Assume you have logic here to set up the video player
       if let videoURL = yourVideoData[indexPath.row].url {
           cell.player = AVPlayer(url: videoURL)
           
           // If auto-playing, or when user taps play:
           currentPlayingVideoCell?.pauseVideo() // Pause the old cell first
           currentPlayingVideoCell = cell
           cell.playVideo()
           currentActivePlayer = cell.player
       }
       
       return cell
   }
   

3. Stop playback in viewWillDisappear
   Now you can easily access the active player/cell when the view disappears:

   override func viewWillDisappear(_ animated: Bool) {
       super.viewWillDisappear(animated)
       // Pause the current player via the cell
       currentPlayingVideoCell?.pauseVideo()
       // OR directly control the player reference
       currentActivePlayer?.pause()
       // Optional: Reset references to avoid holding onto old cells
       currentPlayingVideoCell = nil
       currentActivePlayer = nil
   }
   

Pro Tip: Wrap playback controls in your custom cell! Add methods like playVideo() and pauseVideo() to CustomVideoCell instead of manipulating the player directly from the VC. This keeps your code clean and decoupled:

class CustomVideoCell: UITableViewCell {
    var player: AVPlayer?
    var playerLayer: AVPlayerLayer?
    
    func playVideo() {
        player?.play()
    }
    
    func pauseVideo() {
        player?.pause()
    }
    
    // Don't forget to clean up when the cell is reused!
    override func prepareForReuse() {
        super.prepareForReuse()
        pauseVideo()
        player = nil
        playerLayer?.removeFromSuperlayer()
        playerLayer = nil
    }
}

Option 2: Pause All Visible Cells #

If you have multiple videos playing at once (though Instagram-style usually uses single auto-play), you can loop through all visible cells and pause their playback:

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    tableView.visibleCells.forEach { cell in
        guard let videoCell = cell as? CustomVideoCell else { return }
        videoCell.pauseVideo()
    }
}

This is quick to implement but less efficient if you only have one active player—stick with Option 1 for most cases.

Bonus: Resume Playback When Returning #

If you want to pick up where you left off when coming back to the tab, add this to viewWillAppear:

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    // Find the first visible video cell and resume playback
    if let firstVisibleCell = tableView.visibleCells.first as? CustomVideoCell {
        firstVisibleCell.playVideo()
        currentPlayingVideoCell = firstVisibleCell
    }
}

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