如何在 webview 中修复调整大小视频 HTML？

Question

如何使用 HTML 代码在 webview 中修复此视频，我使用 WordPress 应用程序

import UIKit

class ShowAricleVCViewController: UIViewController {

    @IBOutlet weak var webview: UIWebView!

    var Content : String!



    override func viewDidLoad() {


    }


    override func viewWillAppear(_ animated: Bool) {

        let TheHtmlAfter = HTMLImageCorrector(HTMLString: Content)

            webview.loadHTMLString(TheHtmlAfter, baseURL: nil)

    }



    func HTMLImageCorrector(HTMLString: String) -> String {
        let htmlString: String = "<html> <meta name='viewport' content='width=device-width, initial-scale=1'><head><style>body { background: white } p { color: #555555; font-family: 'Avenir-Book'; font-size: 14px } img { border-radius: 8px; max-width: 100%; max-height: 220px; display: block; margin-left: auto; margin-right: auto;} </style></head><body><img align=\"middle\" > <p>\(HTMLString)<p></body></html>"
        return htmlString
    }

这段代码只是固定了图片、字体和背景我需要修复视频系统

   func HTMLImageCorrector(HTMLString: String) -> String {
        let htmlString: String = "<html> <meta name='viewport' content='width=device-width, initial-scale=1'><head><style>body { background: white } p { color: #555555; font-family: 'Avenir-Book'; font-size: 14px } img { border-radius: 8px; max-width: 100%; max-height: 220px; display: block; margin-left: auto; margin-right: auto;} </style></head><body><img align=\"middle\" > <p>\(HTMLString)<p></body></html>"
        return htmlString
    }[enter image description here][1]

Answer 1

我不确定我是否 100% 理解您的问题。但是，如果您只需要以一种响应式的方式标记 HTML 中的视频并保持其宽高比，我曾经遇到过这个有用的 post 并且从那时起就一直在使用它：

https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

Answer 2

func HTMLImageCorrector(HTMLString: String) -> String {
        let htmlString: String = "<html> <meta name='viewport' content='width=device-width, initial-scale=1'><head><style>body { background: white } p { color: #555555; font-family: 'Avenir-Book'; font-size: 14px } img { border-radius: 8px; max-width: 100%; max-height: 220px; display: block; margin-left: auto; margin-right: auto;} iframe { border-radius: 8px; max-width: 100%; max-height: 220px; display: block; margin-left: auto; margin-right: auto;} </style></head><body><img align=\"middle\" > <p><div dir='rtl'><center>\(HTMLString)</center></div><p></body></html>"
        return htmlString
    }

如何在 webview 中修复调整大小视频 HTML？

How to fix resize video HTML in webview?

html

ios

swift

xcode

webview