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

Posted 2023-02-23

技术标签:

【中文标题】如何修复在 webview 中调整视频 HTML 大小？【英文标题】：How to fix resize video HTML in webview? 【发布时间】：2017-03-14 13:40:06 【问题描述】：

如何使用 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

这段代码只是修复了图片和字体和背景我需要修复视频scle

   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]

【问题讨论】：

一个 html 示例，我只是用来玩弄一个 youtube 视频，使其在外观上正常工作。 "

1024 ? "(width!)" : "85%")\" height=\"(height)\" margin=\"0 auto\" allowfullscreen>

" 为什么你不调用 super 覆盖我想根据尺寸最小化视频屏幕的尺寸 【参考方案1】：

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

【讨论】：

【参考方案2】：

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

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

【讨论】：

我想根据尺寸最小化视频屏幕的尺寸好吧，你仍然可以使用这篇博文，只需将外部容器设置为窗口大小的 100% 那么这里写的是什么调整？ func HTMLImageCorrector(HTMLString: String) -> String let htmlString: String = "

(HTMLString)

" 返回 htmlString

我以为我们在谈论视频？这个 sn-p 只包含一个图像？

以上是关于如何修复在 webview 中调整视频 HTML 大小？的主要内容，如果未能解决你的问题，请参考以下文章

如何在 Webview 中嵌入视频视图？

如何使用android在webview中播放视频？