SwiftUI VideoPlayer

Question

Do YouTube URL's not work with SwiftUI's VideoPlayer. I'm attempting to use VideoPlayer(player: AVPlayer(url: URL(string: "https://www.youtube.com/watch?v=ID_HERE")!)). Is there any workarounds to this? Just shows a black screen.

Answer 1

You need to extract the YouTube video ID, try this:

import WebKit
struct WebView: UIViewRepresentable {
    
    let videoID: String
    
    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        guard let youTubeURL = URL(string:"https://www.youtube.com/embed/\(videoID)") else { return }
        uiView.scrollView.isScrollEnabled = false
        uiView.load(URLRequest(url: youTubeURL))
    }
}



extension String {
    func extractYoutubeID() -> String? {
        let pattern = "((?<=(v|V)/)|(?<=be/)|(?<=(\\?|\\&)v=)|(?<=embed/))([\\w-]++)"
        
        let regex = try? NSRegularExpression(pattern: pattern, options: .caseInsensitive)
        let range = NSRange(location: 0, length: self.count)
        
        guard let result = regex?.firstMatch(in: self, range: range) else { return nil }
        return (self as NSString).substring(with: result.range)
    }
}



 @State private var youTubeURL: String = "YOUR VIDEO URL"
 @State private var youTubeVideoID: String = ""
 @State private var validYouTubeURL = false
  var body: some View {
       VStack {
         if validYouTubeURL {
           WebView(videoID: self.youTubeVideoID)
           .frame(width: 500, height: 500)
                }
        }.onAppear {
                if let videoID = self.youTubeURL.extractYoutubeID() {
                    self.youTubeURL = ""
                    self.youTubeVideoID = videoID
                    self.validYouTubeURL = true
                } else {
                    self.youTubeURL = ""
                }
          }
    }