webview加载 视频图片的 处理

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    UIWebView *webview = [[UIWebView alloc] initWithFrame:self.view.bounds];
//    [webview loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://m.baidu.com"]]];
    [self.view addSubview:webview];

    AFHTTPRequestOperationManager *manger = [AFHTTPRequestOperationManager manager];
    [manger GET:@"http://c.m.163.com/nc/article/AJHTO5LD00011229/full.html" parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {
        NSDictionary *dict = (NSDictionary *)responseObject;
        NSString *body = [dict valueForKeyPath:@"AJHTO5LD00011229.body"];

        NSArray *imgs =  [dict valueForKeyPath:@"AJHTO5LD00011229.img"];
        for (NSDictionary *img in imgs) {
            NSString *url = img[@"src"];
            NSString *ref = img[@"ref"];
            NSString *imgItem = [NSString stringWithFormat:@"<img src=‘%@‘ width=‘300px‘ >",url];
            body =[body stringByReplacingOccurrencesOfString:ref withString:imgItem];

        }
        NSArray *videos =  [dict valueForKeyPath:@"AJHTO5LD00011229.video"];
        for (NSDictionary *video in videos) {
            NSString *url = video[@"url_mp4"];
            NSString *ref = video[@"ref"];
            NSString *imgItem = [NSString stringWithFormat:@"<video width=‘300‘ height=auto controls=‘controls‘ autoplay=‘autoplay‘><source src=‘%@‘ type=‘video/mp4‘ /></video>",url];
            body =[body stringByReplacingOccurrencesOfString:ref withString:imgItem];

        }

        [webview loadHTMLString:body baseURL:nil];

        NSLog(@"%@",dict.description);

    } failure:^(AFHTTPRequestOperation *operation, NSError *error) {

    }];

}
时间: 2024-10-29 01:14:53

webview加载 视频图片的 处理的相关文章

WebView加载HTML图片大小自适应与文章自动换行

http://www.brighttj.com/ios/ios-webview-load-html-image-adaptive.html 在很多App中都会使用到webview,尤其是在加载新闻内容等文章形式的数据时.因为图文混编以及不同字体格式的显示,在iOS进行编辑和显示都是一大问题(当然,iOS中也可以用CoreText进行绘制),但是对于web端来说,一个富文本编辑器就可以完美解决这个问题.所以后台很多时候会直接返回HTML代码拿给前端解析,这时,在客户端对HTML代码的处理就显得尤为

ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度

1 .ios navigationcontroller 滑动返回 滑动返回是navigationcontroller默认返回按钮自带的功能,如果返回按钮自定义该功能失效, 解决的办法有两个: ① self.navigationItem.backBarButtonItem =   [[UIBarButtonItem alloc]initWithCustomView:button];//这个方法用不了 只能用 self.navigationItem.backBarButtonItem = [ [UI

安卓 WebView加载本地图片时居中显示

在一个项目中使用WebView显示gif图片(自定义的View无法放大gif),当图片过小时只在左侧显示,经过研究发现无论设置android:layout_gravity="center_horizontal"还是设置android:gravity="center_horizontal" 都无法居中显示,而且还设置了android:layout_width="wrap_content",但是实际上WebView并没有自适应内容,它的宽度占了屏幕宽

使用webview加载html图片、表单超屏幕问题

webView加载html代码时,使用webView自带的 scalesPageToFit 可以解决图片所带来的超过屏幕问题:但是,所带来的问题就是文字变小了,怎样让图片边小,并且文字还是原来html里大小? 只需加上一段代码就OK. [self.webView loadHTMLString:[NSString stringWithFormat:@"<!DOCTYPE html><html><style type=\"text/css\">

【iOS】WebView加载HTML图片大小自适应与文章自动换行

在很多App中都会使用到webview,尤其是在加载新闻内容等文章形式的数据时.因为图文混编以及不同字体格式的显示,在iOS进行编辑 和显示都是一大问题(当然,iOS中也可以用CoreText进行绘制),但是对于web端来说,一个富文本编辑器就可以完美解决这个问题.所以后台很多 时候会直接返回HTML代码拿给前端解析,这时,在客户端对HTML代码的处理就显得尤为重要了. 本文将讲解在webview加载HTML代码时,经常会遇到的图片自适应大小与文章内容自动换行问题. 示例Demo下载地址: ht

【Android开发经验】使用WebView加载本地图片出现闪屏的解决方法

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 问题描述 运行环境 解决方案 问题描述 使用WebView加载本地图片的时候,也就是一段HTML代码嵌入本地的图片地址的形式,会出现短暂的灰色的闪烁,然后就可以正常显示图片了,WebView的背景颜色在xml中设置为黑色. 同时,出现这个问题的时候,Log会打印报错信息:nativeOnDraw failed; clearing to background color. 运行环境 nexus5 Andro

webview加载网页与全屏播放视频?

上篇我们大致了解了webview的一些属性,以及重要的方法.这篇我们就要一些案列来说明,一般webview最广泛的作用就是,加载一个html的网页(实现与js交互),,webview加载网页网页当中含有视频,webview文件下载等等. 首先我们来了解下webview是如何加载网页的?首先我们看下网页在家的效果? 代码也是比较简单 1 package cn.xiao.webviewplayvideo; 2 import android.app.Activity; 3 import android

iOS WebView 加载本地资源(图片,文件等)

NSString *path = [[NSBundle mainBundle] pathForResource:@"关于.docx" ofType:nil]; NSURL *url = [NSURL fileURLWithPath:path]; NSLog(@"%@", [self mimeType:url]); //webview加载本地文件,可以使用加载数据的方式 //第一个诶参数是一个NSData, 本地文件对应的数据 //第二个参数是MIMEType //第

WebView加载HTML时图片适配屏幕

今天使用WebView加载HTML时,发现图片过大,没有适配屏幕,于是我设置webView.scalesPageToFit = YES,设置之后,图片确实小了,但是文字也相应地缩小了,而且图片太小,没事配屏幕,不符合我的要求,于是,我又想到了用js解决 1 - (void)webViewDidFinishLoad:(UIWebView *)web 2 { 3 int count = [[webView stringByEvaluatingJavaScriptFromString:@"docume