停止视频自动播放 Swift UI

huangapple
go评论135阅读模式
英文:

stop video from auto playing swift UI

问题

  1. import SwiftUI
  2. import WebKit
  4. struct YouTubeView: UIViewRepresentable {
  5.     let videoId: String
  6.     func makeUIView(context: Context) -> WKWebView {
  7.         let webView = WKWebView()
  8.         webView.configuration.allowsInlineMediaPlayback = true
  9.         webView.configuration.mediaTypesRequiringUserActionForPlayback = []
  10.         return webView
  11.     }
  12.     func updateUIView(_ uiView: WKWebView, context: Context) {
  13.         guard let demoURL = URL(string: "https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4") else { return }
  14.         uiView.scrollView.isScrollEnabled = false
  15.         uiView.load(URLRequest(url: demoURL))
  16.     }
  17. }
  19. struct VideoPlayerView: View {
  20.     var ids = "hzls6ZUHCYM"
  21.     var body: some View {
  22.         ZStack {
  23.             ScrollView(showsIndicators: false) {
  24.                 VStack {
  25.                     YouTubeView(videoId: ids)
  26.                         .frame(width: 300, height: 175)
  27.                 }
  28.             }
  29.         }
  30.     }
  31. }
  33. //modifier correct YouTube struct
  34. struct YouTubeView: UIViewRepresentable {
  35.     var videoID: String
  36.     
  37.     func makeUIView(context: Context) -> WKWebView {
  38.         let webConfiguration = WKWebViewConfiguration()
  39.         webConfiguration.allowsInlineMediaPlayback = true
  40.         return WKWebView(frame: .zero, configuration: webConfiguration)
  41.     }
  42.     
  43.     func updateUIView(_ uiView: WKWebView, context: Context) {
  44.         let embedHTML = """
  45.             <!DOCTYPE html>
  46.             <html>
  47.                 <body>
  48.                     <iframe width="800" height="550" src="https://www.youtube.com/embed/\(videoID)" frameborder="0" allowfullscreen></iframe>
  49.                 </body>
  50.             </html>
  51.         """
  52.         uiView.loadHTMLString(embedHTML, baseURL: nil)
  53.     }
  54. }
英文:

Hello I a have some code that loads a web video into a swift ui view and allows it to be played. Currently the video auto plays when it loads in and I would like to stop this behavior. Additionally the video can only be viewed in full screen mode and I can't figure out how to make it so that it can play while not being in full screen. I also get the warning "Error acquiring assertion: <Error Domain=RBSServiceErrorDomain Code=1 "(originator doesn't have entitlement com.apple.runningboard.assertions.webkit AND originator doesn't have entitlement" I tried the line "webView.configuration.allowsInlineMediaPlayback = true" to allow the video to play while not being full sized and it did not work. If anyone knows how to get these 2 pieces of functionality working I would appreciate it, thanks.

  1. import SwiftUI
  2. import WebKit
  4. struct YouTubeView: UIViewRepresentable {
  5.     let videoId: String
  6.     func makeUIView(context: Context) -&gt; WKWebView {
  7.           let webView = WKWebView()
  8.           webView.configuration.allowsInlineMediaPlayback = true
  9.             
  10.           webView.configuration.mediaTypesRequiringUserActionForPlayback = []
  11.           
  12.           return webView
  13.     }
  14.     func updateUIView(_ uiView: WKWebView, context: Context) {
  15.         guard let demoURL = URL(string: &quot;https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4&quot;) else { return }
  16.         uiView.scrollView.isScrollEnabled = false
  17.         uiView.load(URLRequest(url: demoURL))
  18.     }
  19. }
  21. struct VideoPlayerView: View {
  22.     var ids = &quot;hzls6ZUHCYM&quot;
  23.     var body: some View {
  24.         ZStack {
  25.             ScrollView(showsIndicators: false) {
  26.                 VStack {
  27.                     YouTubeView(videoId: ids)
  28.                         .frame(width: 300, height: 175)
  29.                 }
  30.             }
  31.         }
  32.     }
  33. }
  36. //modifier correct YouTube struct
  37. struct YouTubeView: UIViewRepresentable {
  38.     var videoID: String
  39.     
  40.     func makeUIView(context: Context) -&gt; WKWebView {
  41.         let webConfiguration = WKWebViewConfiguration()
  42.         webConfiguration.allowsInlineMediaPlayback = true
  43.         return WKWebView(frame: .zero, configuration: webConfiguration)
  44.     }
  45.     
  46.     func updateUIView(_ uiView: WKWebView, context: Context) {
  47.         let embedHTML = &quot;&quot;&quot;
  48.             &lt;!DOCTYPE html&gt;
  49.             &lt;html&gt;
  50.                 &lt;body&gt;
  51.                     &lt;iframe width=&quot;800&quot; height=&quot;550&quot; src=&quot;https://www.youtube.com/embed/\(videoID)&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
  52.                 &lt;/body&gt;
  53.             &lt;/html&gt;
  54.         &quot;&quot;&quot;
  55.         uiView.loadHTMLString(embedHTML, baseURL: nil)
  56.     }
  57. }

答案1

得分: 2

尝试将视频嵌入到 HTML 中，而不是直接使用 mp4 URL。在 video 标签中设置 playsinline 参数。在实例化 WKWebView 对象之前，还要设置 allowsInlineMediaPlayback 参数。

至于权限错误，其他 SO 回答 表明可以简单忽略。

  1. let html = """
  2.     <video
  3.     src="https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4"
  4.     width="640" height="480"
  5.     controls
  6.     playsinline="true">
  7. """
  9. struct YouTubeView: UIViewRepresentable {
  10.     func makeUIView(context: Context) -> WKWebView {
  11.         let webConfiguration = WKWebViewConfiguration()
  12.         webConfiguration.allowsInlineMediaPlayback = true //首先设置配置
  13.         return WKWebView(frame: .zero, configuration: webConfiguration)
  14.     }
  16.     func updateUIView(_ uiView: WKWebView, context: Context) {
  17.         uiView.loadHTMLString(html, baseURL: nil) //加载嵌入在 HTML 中的视频
  18.     }
  19. }
英文:

try loading your video embedded within html rather than directly to an mp4 url. set the playsinline parameter for the video tag. also set allowsInlineMediaPlayback prior to instantiating the WKWebView object.

as for the entitlement error, other SO answers seem to indicate that this can simply be ignored.

  1. let html = &quot;&quot;&quot;
  2.     &lt;video
  3.     src=&quot;https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4&quot;
  4.     width=&quot;640&quot; height=&quot;480&quot;
  5.     controls
  6.     playsinline=&quot;true&quot;&gt;
  7. &quot;&quot;&quot;
  9. struct YouTubeView: UIViewRepresentable {
  10.     func makeUIView(context: Context) -&gt; WKWebView {
  11.         let webConfiguration = WKWebViewConfiguration()
  12.         webConfiguration.allowsInlineMediaPlayback = true //set up config first
  13.         return WKWebView(frame: .zero, configuration: webConfiguration)
  14.     }
  15.     
  16.     func updateUIView(_ uiView: WKWebView, context: Context) {
  17.         uiView.loadHTMLString(html, baseURL: nil) //load video embedded inside html
  18.     }
  19. }

huangapple
  • 本文由 发表于 2023年5月26日 13:13:43
  • 转载请务必保留本文链接：https://go.coder-hub.com/76337824.html
  • swift
  • swiftui
  • video-player
  • xcode
  • youtube
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定