iOS 9 UIWebview嵌入视频全屏播放导致约束错误

IOS

IOS 9引入了UIWebView组件，使得在应用中嵌入网页变得更加简单。然而，这也带来了一些问题，其中之一就是在播放视频时出现的约束错误。本文将介绍这个问题，并提供解决方案。

在IOS 9之前，我们可以通过将视频链接嵌入到UIWebView中来播放视频。然而，在IOS 9中，当我们尝试在UIWebView中全屏播放视频时，会遇到约束错误。这是因为IOS 9引入了自动布局约束，它会阻止UIWebView根据视频的尺寸自动调整其自身的约束。

为了解决这个问题，我们可以通过以下步骤来修复约束错误：

步骤1：获取视频的尺寸。

我们可以通过UIWebViewDelegate的webViewDidFinishLoad方法来获取视频的尺寸。首先，我们需要将UIWebView的delegate设置为当前视图控制器，然后在webViewDidFinishLoad方法中获取视频的尺寸。

Swift
class ViewController: UIViewController, UIWebViewDelegate {
    @IBOutlet weak var webView: UIWebView!
    override func viewDidLoad() {
        super.viewDidLoad()
        webView.delegate = self
        let url = NSURL(string: "https://www.example.com/vIDEO")
        let request = NSURLRequest(URL: url!)
        webView.loadRequest(request)
    }
    func webViewDidFinishLoad(webView: UIWebView) {
        let Javascript = "var vIDEO = document.getElementsByTagName('vIDEO')[0];"
            + "vIDEO.offsetWidth + ',' + vIDEO.offsetHeight;"
        let vIDEOSize = webView.stringByEvaluatingJavaScriptFromString(Javascript)
        if let sizeComponents = vIDEOSize?.componentsSeparatedByString(",") {
            let width = sizeComponents[0]
            let height = sizeComponents[1]
            // Do something with the vIDEO size
        }
    }
}

步骤2：更新UIWebView的约束。

在获取到视频的尺寸后，我们可以根据这些尺寸来更新UIWebView的约束。我们可以使用NSLayoutConstrAInt来更新约束，并将其添加到UIWebView的superview中。

Swift
func webViewDidFinishLoad(webView: UIWebView) {
    // ...
    if let sizeComponents = vIDEOSize?.componentsSeparatedByString(",") {
        let width = CGFloat(Float(sizeComponents[0])!)
        let height = CGFloat(Float(sizeComponents[1])!)
        webView.translatesAutoresizingMaskIntoConstrAInts = false
        let widthConstrAInt = NSLayoutConstrAInt(item: webView, attribute: .Width, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: width)
        webView.addConstrAInt(widthConstrAInt)
        let heigHTConstrAInt = NSLayoutConstrAInt(item: webView, attribute: .Height, relatedBy: .Equal, toItem: nil, attribute: .NotAnAttribute, multiplier: 1.0, constant: height)
        webView.addConstrAInt(heigHTConstrAInt)
        webView.superview?.addConstrAInts([widthConstrAInt, heigHTConstrAInt])
    }
}

通过这两个步骤，我们可以解决IOS 9 UIWebView嵌入视频全屏播放导致的约束错误。这样，当我们尝试在UIWebView中播放视频时，它会根据视频的尺寸自动调整自身的约束，从而避免了约束错误的出现。

在本文中，我们介绍了IOS 9 UIWebView嵌入视频全屏播放导致的约束错误，并提供了解决方案。通过获取视频的尺寸并更新UIWebView的约束，我们可以避免约束错误，从而实现在UIWebView中播放视频的功能。

希望本文对于开发者们在使用UIWebView嵌入视频时遇到的问题有所帮助，如果有任何疑问或建议，请随时在下方留言。