停止视频自动播放 Swift UI

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

stop video from auto playing swift UI

问题

import SwiftUI
import WebKit

struct YouTubeView: UIViewRepresentable {
    let videoId: String
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.configuration.allowsInlineMediaPlayback = true
        webView.configuration.mediaTypesRequiringUserActionForPlayback = []
        return webView
    }
    func updateUIView(_ uiView: WKWebView, context: Context) {
        guard let demoURL = URL(string: "https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4") else { return }
        uiView.scrollView.isScrollEnabled = false
        uiView.load(URLRequest(url: demoURL))
    }
}

struct VideoPlayerView: View {
    var ids = "hzls6ZUHCYM"
    var body: some View {
        ZStack {
            ScrollView(showsIndicators: false) {
                VStack {
                    YouTubeView(videoId: ids)
                        .frame(width: 300, height: 175)
                }
            }
        }
    }
}

//modifier correct YouTube struct
struct YouTubeView: UIViewRepresentable {
    var videoID: String
    
    func makeUIView(context: Context) -> WKWebView {
        let webConfiguration = WKWebViewConfiguration()
        webConfiguration.allowsInlineMediaPlayback = true
        return WKWebView(frame: .zero, configuration: webConfiguration)
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        let embedHTML = """
            <!DOCTYPE html>
            <html>
                <body>
                    <iframe width="800" height="550" src="https://www.youtube.com/embed/\(videoID)" frameborder="0" allowfullscreen></iframe>
                </body>
            </html>
        """
        uiView.loadHTMLString(embedHTML, baseURL: nil)
    }
}
英文:

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.

import SwiftUI
import WebKit

struct YouTubeView: UIViewRepresentable {
    let videoId: String
    func makeUIView(context: Context) -&gt; WKWebView {
          let webView = WKWebView()
          webView.configuration.allowsInlineMediaPlayback = true
            
          webView.configuration.mediaTypesRequiringUserActionForPlayback = []
          
          return webView
    }
    func updateUIView(_ uiView: WKWebView, context: Context) {
        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 }
        uiView.scrollView.isScrollEnabled = false
        uiView.load(URLRequest(url: demoURL))
    }
}

struct VideoPlayerView: View {
    var ids = &quot;hzls6ZUHCYM&quot;
    var body: some View {
        ZStack {
            ScrollView(showsIndicators: false) {
                VStack {
                    YouTubeView(videoId: ids)
                        .frame(width: 300, height: 175)
                }
            }
        }
    }
}


//modifier correct YouTube struct
struct YouTubeView: UIViewRepresentable {
    var videoID: String
    
    func makeUIView(context: Context) -&gt; WKWebView {
        let webConfiguration = WKWebViewConfiguration()
        webConfiguration.allowsInlineMediaPlayback = true
        return WKWebView(frame: .zero, configuration: webConfiguration)
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        let embedHTML = &quot;&quot;&quot;
            &lt;!DOCTYPE html&gt;
            &lt;html&gt;
                &lt;body&gt;
                    &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;
                &lt;/body&gt;
            &lt;/html&gt;
        &quot;&quot;&quot;
        uiView.loadHTMLString(embedHTML, baseURL: nil)
    }
}

答案1

得分: 2

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

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

let html = """
    <video
    src="https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4"
    width="640" height="480"
    controls
    playsinline="true">
"""

struct YouTubeView: UIViewRepresentable {
    func makeUIView(context: Context) -> WKWebView {
        let webConfiguration = WKWebViewConfiguration()
        webConfiguration.allowsInlineMediaPlayback = true //首先设置配置
        return WKWebView(frame: .zero, configuration: webConfiguration)
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.loadHTMLString(html, baseURL: nil) //加载嵌入在 HTML 中的视频
    }
}
英文:

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.

let html = &quot;&quot;&quot;
    &lt;video
    src=&quot;https://s1.fwmrm.net/m/1/169843/20/89977492/AIDP7266000H_ENT_MEZZ_HULU_8166176_578.mp4&quot;
    width=&quot;640&quot; height=&quot;480&quot;
    controls
    playsinline=&quot;true&quot;&gt;
&quot;&quot;&quot;

struct YouTubeView: UIViewRepresentable {
    func makeUIView(context: Context) -&gt; WKWebView {
        let webConfiguration = WKWebViewConfiguration()
        webConfiguration.allowsInlineMediaPlayback = true //set up config first
        return WKWebView(frame: .zero, configuration: webConfiguration)
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.loadHTMLString(html, baseURL: nil) //load video embedded inside html
    }
}

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

发表评论

匿名网友

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

确定