0

在此处输入图像描述

我已经在服务器上有 10 个 youtube 视频链接。每个 youtube 视频都应该是 webview 中的缩略图。在给定的图像中，（红框）显示空间较小，用于在 webview 中显示所有 youtube 缩略图，所以我们如何滚动（红框）区域的 viewcontroll 以及如何在运行时为（红框）区域中从上到下的每个 youtube 链接创建 webview。任何建议或帮助将提前获得。thanx

4

1 回答 1

2

为了实现这一点，您可以使用scrollviewwith webview。

首先在视图中添加一个滚动视图（在红色矩形的位置）

UIScrollView *scrollView = [[UIScrollView  alloc] initWithFrame:CGRectMake(0,0,150,150)]; //You need to set the frame according to your need.
scrollView.contentSize = CGSizeMake(150,600);
scrollView.userInteractionEnabled = YES;
[self.view addSubview:scrollView];
[self.view bringSubviewToFront:scrollView];

现在向该滚动视图添加十个 webview

int yPos = 0;
for(int loop = 0; loop<10;loop++)
{
  UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,yPos,50,50)]
  NSString *htmlString = @"<html><head>
<meta name = \"viewport\" content = \"initial-scale = 1.0, user-scalable = no, width = 212\"/></head>
<body style=\"background:#F00;margin-top:0px;margin-left:0px\">
<div><object width=\"212\" height=\"172\">
<param name=\"movie\" value=\"http://www.youtube.com/v/oHg5SJYRHA0&f=gdata_videos&c=ytapi-my-clientID&d=nGF83uyVrg8eD4rfEkk22mDOl3qUImVMV6ramM\"></param>
<param name=\"wmode\" value=\"transparent\"></param>
<embed src=\"http://www.youtube.com/v/oHg5SJYRHA0&f=gdata_videos&c=ytapi-my-clientID&d=nGF83uyVrg8eD4rfEkk22mDOl3qUImVMV6ramM\"
type=\"application/x-shockwave-flash\" wmode=\"transparent\" width=\"212\" height=\"172\"></embed>
</object></div></body></html>";

  //if your video url's are stored in an array then
  NSString *str = (NSString *)[urlArray objectAtIndex:loop];
  [webView loadHTMLString:htmlString baseURL:[NSURL URLWithString:@str]];
  [scrollView addSubview:webView];
  [webView release];
  webView = nil;
  yPos += 70;
}


[scrollView release];

这将在您的页脚视图中添加 10 个小型 you Tube 嵌入式播放器。您可以滚动页脚以查看视频的缩略图。

注意：您需要根据您的视图更改框架和内容大小。

于 2012-07-20T17:52:27.170 回答