iOS WKWebView 加載HTML 并注入圖片和視頻

super dev.jpg

// 圖視頻
[self.mainWeb loadHTMLString:[self reSizeVideoWithHTMLHadHead] baseURL:nil];
        
// 圖文
[self.mainWeb loadHTMLString:[self reSizeImageWithHTMLHadHead] baseURL:nil];

雪碧.gif

/// 注入 視頻
- (NSString *)reSizeVideoWithHTMLHadHead
{
    NSString *urlStr1 = [NSString stringWithFormat:@"<video src='%@' controls='controls' width = '400' height = '300'>您的瀏覽器不支持 video 標簽。</video> %@", <#你的視頻地址.mp4#>, <#你的html#>];
    return urlStr1;
}
/// 注入 圖片
- (NSString *)reSizeImageWithHTMLHadHead
{
    NSString *urlStr1 = [NSString stringWithFormat:@"<img src='%@' /><br/> %@", <#你的圖片地址.png#>, <#你的html#>];
    
    NSString *content = [urlStr1 stringByReplacingOccurrencesOfString:@"&amp;quot" withString:@"'"];
    content = [content stringByReplacingOccurrencesOfString:@"&lt;" withString:@"<"];
    content = [content stringByReplacingOccurrencesOfString:@"&gt;" withString:@">"];
    content = [content stringByReplacingOccurrencesOfString:@"&quot;" withString:@"\""];
    NSString *htmls = [NSString stringWithFormat:@"<html> \n"
                           "<head> \n"
                           "<meta name=\"viewport\" content=\"initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" /> \n"
                           "<style type=\"text/css\"> \n"
                           "body {font-size:15px;}\n"
                           "</style> \n"
                           "</head> \n"
                           "<body>"
                           "<script type='text/javascript'>"
                           "window.onload = function(){\n"
                           "var $img = document.getElementsByTagName('img');\n"
                           "for(var p in  $img){\n"
                           "$img[p].style.width = '100%%';\n"
                           "$img[p].style.height = 'auto'\n"
                           "}\n"
                           "}"
                           "</script>%@"
                           "</body>"
                           "</html>", content];
    
    return htmls;
    
}
work.gif
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容