Question

我正在使用以下代码在UIWebView中加载Youtube视频。

let videoUrl = "https://www.youtube.com/embed/F9GujgK0y2M"
let embedHTML = "<iframe width=\(self.webView.frame.size.width)\" height=\(self.webView.frame.size.height)\" src=\(videoUrl)?&playsinline=1\" frameborder=\"0\" allowfullscreen></iframe>"

启动视频缩略图非常大。我需要根据UIWebView的大小来拟合它。请帮帮我，我该如何更改？

Answer 1

也许这段代码可以帮到你：

let yourVideoID = "F9GujgK0y2M"
let css = ".video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }"
let url = "https://www.youtube.com/embed/\(yourVideoID)?playsinline=1&modestbranding=1&showinfo=0&rel=0&showsearch=0&loop=1&iv_load_policy=3"
let htmlString = "<html><head><style type=\"text/css\">\(css)</style></head><body><div class=\"video-container\"><iframe src=\"\(url)\" frameborder=\"0\"></iframe></div></body></html>"

yourWebView.scalesPageToFit = false
yourWebView.allowsInlineMediaPlayback = true;
yourWebView.loadHTMLString(htmlString, baseURL: nil)

Answer 2

试试这个：

webView.scalesPageToFit = true

从Apple Documentation开始，将此设置为true会缩放网页以适应屏幕。

Answer 3

对我来说，删除height HTML标记中的width和iframe属性会使框架完全符合页面宽度。

在视频启动时在UIWebView中使用YouTube视频缩略图

3 个答案: