Swift 画面が開いても、動画が再生されない

Question

前提・実現したいこと

ボタンを押すと、youtube上の動画が再生される、というプログラムを作っています。
実装中、以下の問題が発生しました。

発生している問題

ボタンをタップすると、再生する画面は開くのですが、肝心の動画が再生されません。
↓ずっとローディングで、このような状態です。

該当のソースコード

import UIKit
import AVFoundation
import MediaPlayer
import AVKit

class RecipeDetailViewController: UIViewController{

    @IBOutlet var playButton: UIButton!

    var player: AVPlayer?
    
    
    @IBAction func playVideo() {
        print("playvideoが呼ばれた")
        guard let url = URL(string: "https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4") else { return }

        // Create an AVPlayer, passing it the HTTP Live Streaming URL.
        player = AVPlayer(url: url)

        // Create a new AVPlayerViewController and pass it a reference to the player.
        let controller = AVPlayerViewController()
        controller.player = player
        

        // Modally present the player and call the player's play() method when complete.
        self.present(controller, animated: true) {[self] in
            print("presentが呼ばれた")
            player!.play()
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        playButton.setTitle("", for: UIControl.State.normal)
        playButton.tag = 0
        playButton.addTarget(self, action: #selector(self.tappedVideo(_ :)), for: .touchUpInside)
        
    }
    
    @objc func tappedVideo(_ sender: UIButton){
        playVideo()
        print("ボタンがタップされた")
    }
}
    

試したこと

• YouTubeのリンクに問題があるのかと思って、変えてみました。
• printによると、

playvideoが呼ばれた→ボタンがタップされた→presentが呼ばれた
の順で呼ばれました。

• guard let url = URL(string: "https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4")

や
player = AVPlayer(url: url)
を@IBAction func playVideo()のかっこの外に出してみました。

が、いずれも、初めにあげた問題と同じ状態になりました。

お分かりになる方、回答よろしくお願いいたします。

Answer 1

問題と考えられる点

質問の中で提示されたコードには以下2つの問題があるようです。

1. URLで指定された動画を再生できない

https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4 にアクセスしても動画が再生されないようです。MacのSafariでアクセスしてみても動画が再生できませんでした。アクセス先に再生可能な動画が存在していないのではないでしょうか？
試しに、別のURL（ https://devstreaming-cdn.apple.com/videos/wwdc/2019/502gzyuhh8p2r8g8/502/502_hd_introducing_lowlatency_hls.mp4?dl=1 ）にアクセスしてみたところ、その動画は再生できました。

2. AVPlayerViewController を表示する処理が二重に実行される

playButton のタップ時には、以下2つの処理がそれぞれ実行されます。

1. addTarget(_:action:for:) で設定された tappedVideo(_:)
2. @IBAction にて関連づけられた playVideo()

tappedVideo(_:) の内部では playVideo() を呼び出すため、結果として playVideo() が二重に呼び出されることになり、 playVideo() 内部における AVPlayerViewController 表示処理が二重で実行されます。

修正例

上記の問題と考えられる点を踏まえて、以下のような修正例を考えました。
質問内のコードでは、試行錯誤した時のコードが残っているようでしたので、ついでに不要なコードを削除して整理した形としております。

この例では、ボタンがタップされた時に playButtonDidTap(_:) が呼び出されるようにInterface Builderで設定されているものとします。

import UIKit
import AVKit

class ViewController: UIViewController {
    
    @IBAction func playButtonDidTap(_ sender: AnyObject) {
        guard let url = URL(string: "https://devstreaming-cdn.apple.com/videos/wwdc/2019/502gzyuhh8p2r8g8/502/502_hd_introducing_lowlatency_hls.mp4?dl=1") else { return }
        let controller = AVPlayerViewController()
        controller.player = AVPlayer(url: url)
        present(controller, animated: true) {
            controller.player?.play()
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()
    }
}

Comments

[runrun]

ご丁寧なお返事ありがとうございます。
とても納得いたしました。また何かあれば、よろしくお願いします。

[runrun]

__k_san__さま、少し質問よろしいですか？
自分で試してみたところ、指定いただいた別のURLだと再生されました。
２についても修正してみて、結果URLに問題があることが分かりました。
どうやらYouTubeだとダメなようでして、、
差し支えなければ、YouTubeのリンクでもお試しいただけますでしょうか？

[__k_san__]

YouTubeの動画ページのURLを指定しても、AVPlayerでは動画を再生することはできません。
この点についいての事情は、以下のページが参考になるかもしれません。
https://stackoverflow.com/questions/29018916/how-to-play-a-youtube-video-in-swift-using-avplayer
https://stackoverflow.com/questions/25743208/how-to-play-youtube-video-using-url-in-avplayer-ios
また、どうしてもアプリ内でYouTubeの動画を再生したいのであれば、以下のような情報が参考になるかもしれません。
https://qiita.com/john-rocky/items/4ecb7eddc9838fb31d65